本文共 508 字，大约阅读时间需要 1 分钟。
我们通常使用在js文件里通过vue.component(’’,{})方式，或者在某个组件里定义局部组件的时候，有以下一些弊端：
1.不支持css样式编写，需要写内联样式 2.在字符串模板中templete：这里编写html代码 没有高亮显示，代码提示等，开发及其不方便 3.限制只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器，如Babel 为了解决上述问题，引进了vue单页面组件，可完美避免上述问题。 页面
js
scss
附录：navbar单组件代码
{ { title}}
附录：单页面组件核心是运用的模块化编程思想，所以页面用到的第三方方法，组件等等都需要import 引入。例如：
Vue.component(‘navbar’,navbar); 就需要引入import Vue from ‘vue’转载地址：http://gmyrf.baihongyu.com/