1. 简单页面渲染 设置id js文件中。用 el和data 控制id 级需要渲染的内容，如：
html:<div id="app"></div>
js:
var app = new Vue({
el:“#app”,
data：{
message：‘显示内容’
}
})
2.动态绑定 v-bind
html：v-bind：title/text ="对应js文件中data里的属性"
显示出来的效果为：
鼠标悬浮在上面会显示新的内容，而不是改变当前dom页面的内容
3.条件 v-if
html:v-if="js对应的属性值为布尔值的属性名称"
js:
var 变量名 = new Vue({
el:“id名”,
data：{
属性名称：tuer/false （true：显示，false：消失、默认为true）
}
})
4.循环 v-for （一般使用展示数据列表）
html：v-for="item in items"
{{item.name}}
js:
var 变量名 = new Vue（{
el：“#id名”，
data：{
items：[
{name: "1"}
{name: "2"}
{name: "3"}
]}
}）
//页面显示内容应为
1.1
2.2
3.3
5.事件监听 v-on,带有触发后的事件，事件在js文件的methods内定义
如：html：
v-on:click="触发的事件名"
js：
methods：{
触发的事件名:function(){
this.对应{{}}的名字 = 方法 //当前this指的是触发的事件名
}
}
6.VUE 双向绑定 v-model
html：
<p>{{ A }}</p>
<input v-model="A">
js：
data中设置的
A: '2'//在DOM页面的input中输入，p的值也跟着更改,建议{{}}中的名字，model的名字和js中所绑定的数据属性名称最好一致，方便做调试