VUE引入外部组件，只有cli环境开发才有用吗？

Question

引入公共组件例如 ../lib/abc.vue

只有在cli脚手架开发环境才能用吗？
非cli， 直接<script src="vue.js" 的开发模式，怎么引入外部组件？

Answer 1

你看下打包好的文件就知道了，最终你打出出来的也不是.vue文件，脚手架是方便你开发，最终还是打包成js，所以直接vue.js也可以引入外部组件，要按官网的注册组件，把组件写到.js文件里面

Answer 2

组件说白了就是一个对象，在cli中，.vue最终也是被编译成组件的形式，所以你要在浏览器中直接用的话，需要获得编译后的形式

Answer 3

.vue单文件组件，直接<script src="vue.js" 的开发模式，需要自己写loader，不建议。
传统的模式，建议gulp+require+babel，define一个全局组件，或者组件选项，用require方式引入，gulp有现成的require合并/babel转换插件，而且做按需加载也容易；
再传统一点，连require都不用的话，由于组件划分会增加很多js出来，浏览器会因此增加了额外的请求数，要优化的话还是需要自己写打包工具，因此不建议。

Answer 4

.vue的文件需要经过编译才能使用的, 如果要<script src="vue.js" >这种方式引入, 需要先把.vue的文件编译过后注册到对应的地方, 这个过程还是比较麻烦的