Vue.componen的缺点和单文件组件

Vue的单文件组件和component

首先看下Vue.component的缺点：

• 全局定义（Global defintions） 强制要求每个component中的命名不能重复
• 字符串模板（String templates） 没有语法高亮，在HTML编辑多行的时候不方便
• 不支持CSS（No CSS suport） HTML和JavaScript组件化时，CSS明显被遗漏（权重太低）
• 没有构建步骤 (No build step) 限制只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器，如 Pug (formerly Jade) 和 Babel

现在再来看下什么是单文件组件：

• 文件扩展名为 .vue 的文件就是 单文件组件（single-file components）
• 一个单文件组件只描述一个组件
• .vue为以上所有问题提供了解决方法，并且还可以使用 webpack 或 Browserify 等构建工具。