01、初识 Vue 想让 Vue 工作，就必须创建一个 Vue 实例，且传入一个配置对象； root 容器里面的代码依然符合 html 语法，只不过混入了一些特殊的语法； root 容器里面的代码被称为【Vue 模板】； 容器和 vue 实例一对一关系 ； 真实开发中只有一个 vue 实例，并且会配合组件一起使用； {{xxx}}中要写 js 表达式，且 xxx 可以自动读取到 data 中的所有属性； 一旦 data 中的数据发生改变，页面中 使用该数据的地方也会改变。 02、Vue 模板语法 vue 模板语法有两大类： 插值语法： 功能：用于解析标签体内容； 写法：{{xxx}}，xxx 是 js 表达式，且可以直接读取到 data 中的所有属性； 指令写法： 功能：用于解析标签等（包括：标签属性、标签体内容、绑定事件…）； 举例：v-bind:href=“xxx” 或 简写为 :href=“xxx” 同样 xxx 要写 js 表达式，且可以直接读取到 data 中的所有属性； 备注：vue 中有很多的指令，且形式都是：v-???，此处我们只拿 v-bind 举个例子 03、数据绑定 Vue 中有两种数据绑定的方式： 单向绑定（v-bind）：数据只能从 data 流向页面； 双向绑定（v-model） ：数据不仅能从 data 流向页面，还可以从页面流向 data； 备注： 双向绑定一般都应用在表单类元素上（如：input、select 等）； v-model:value 可以简写为 v-model，因为 v-model 默认收集的就是 value 值。 04、el 与 data 的两种写法 el 有两种写法 new Vue 时候配置 el 属性； 先创建 Vue 实例，然后通过 vm.$mount(‘#root’)指定 el 的值； data 有两种写法 对象式 函...
