1. 模板的作用是:
为了提高渲染效率,vue 会吧模板编译成为虚拟 DOM 树,然后再生成真是的DOM
2. 模板写到哪?
1. 在挂在的元素内部直接书写
2. 在 template 配置中书写
3. 在 render配置中用函数创建
3. 模板中写什么?
1. 静态页面
2. 插值:{{JS表达式}}
3. 指令
1. `v-html:绑定元素的innerHTML
2. v-bind: 属性名 :绑定属性
3. v-on: 事件名 :绑定事件
4. v-if:判断元素是否需要渲染
5. v-show:判断元素是否应该显示
6. v-for:用于循环生成元素
7. v-bind:key:用于帮助在重新渲染时元素的对比,通常和 v-for 配合使用,以提高渲染效率
8. v-model:语法糖,用于实现双向绑定,实际上,是自动绑定了value属性值,和注册了 input 事件
4. 模板中的代码环境
模板中所有的JS代码,它的环境均为 vue 实例,例如{{title}},得到的结果相当于是 vue 实例.title