Vue基本使用教程

 一、概述

插值表达式：

el表示vue要接管的部分（类似元素选择器），data是数据模型，在视图中通过v-model绑定数据模型 ，{{message}}表示要在界面中直接将这个message数据模型展示出来（方便对比查看是否是双向绑定）：（数据模型的写法其实和js自定义对象的写法很像）

二、Vue常用指令

1. v-bind，v-model

2. v-on

3. v-if，v-show

4. v-for

三、案例

1. 初始视图代码

2. 初始页面展示

3. 修改视图代码

4. 结果页面展示

四、Vue生命周期