vue单文件组件
1.传统组件的问题和解决方案
(1)问题
- 全局定义的组件必须保证组件的名称不重复
- 字符串的语法缺乏高亮,在HTML有多行的时候,需要用到丑陋的‘\’
- 不支持CSS
- 没有构建步骤限制,只能使用HTML和ES5,不能使用babel之类的预处理器
(2)解决方案
针对传统组件的问题,Vue提供了一个解决方案---使用Vue单文件组件
2.Vue单文件组件的基本用法
单文件组件的组成结构:
template 组件的模板区域
script 业务逻辑区域
style 样式区域