vue单文件组件

1.传统组件的问题和解决方案

(1)问题

  • 全局定义的组件必须保证组件的名称不重复
  • 字符串的语法缺乏高亮,在HTML有多行的时候,需要用到丑陋的‘\’
  • 不支持CSS
  • 没有构建步骤限制,只能使用HTML和ES5,不能使用babel之类的预处理器

(2)解决方案

针对传统组件的问题,Vue提供了一个解决方案---使用Vue单文件组件

2.Vue单文件组件的基本用法

单文件组件的组成结构:

template   组件的模板区域

script   业务逻辑区域

style   样式区域

vue单文件组件