Vue为什么没有templateUrl

Why Vue.js doesn't support templateURL
Vue.js为什么不支持templateUrl模式


### 原因 1. templateUrl使用ajax的方式在运行时加载template,大型应用中数量庞大的组件,以及浏览器对请求数量的限制,将导致严重的app加载性能问题。 1. 以组件为APP的基础单元来开发,而不是template
### 推荐单文件的组件开发 vue中综合了react(单文件html字符串拼到死),和angularjs(大量ajax获取template),提出`my_component.vue`的单文件组件开发,将template,style和js集中在一个文件中,利用webpack来构建。目前sublime text已有vue文件的语法高亮插件,同时vue-cli也很给力,分分钟搭建好基础结构。这都不是什么事儿了。
### 打死不用构建工具/webpack 我们也还是有选择的,虽然官方不推荐,但是也总不能把你打死啊 1. 默默拼串 ```js Vue.component('todo-item',{ props: ['title'], template: '\
  • \ {{ title }}\ \
  • \ ', }); ```
    1. 使用<script type="x/template">
    <script type="text/template" id="tpl">
        <div>
            <p>hello vue</p>
        </div>
    </script>
    
    var MyComponent = Vue.extend({
        template: '#tpl'
    });
    

    ### 最佳实践 使用`.vue`单文件开发组件,使用webpack构建

    posted @ 2017-06-13 09:01  CooMark  阅读(2119)  评论(0)    收藏  举报