vue 基础 模板

   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