理论知识
- 前端渲染
- 定义 将数据填充到HTML标签中，这是个处理过程。首先准备数据、模板，然后经过前端渲染处理，生成静态的HTML内容。
- 实现方式
- 1、原生js拼接字符串 但不同人的写法不同，后期维护困难。
- 2、前端模板引擎（beetl） 克服了方式一的缺点，但没有事件机制。
- 3、vue特有的模板语法 克服了前两种方式缺点
- vue模板语法
- 插值表达式
- 指令
- 定义 是vue作者基于html标签属性之上定义的标签属性，其格式为v-xxx。即约定v-xxx是vue的指令。即是属性则规定了使用位置，即在标签左尖括号的内部使用。
自定义属性是相对于标准属性，标准属性指html标签的定义的属性，比如a标签的src属性等。
- v-cloak指令
- []
- 事件绑定
- 属性绑定
- 样式绑定
- 分支循环结构
过程类似模板引擎beetl.