1. data 数据
methods 方法
watch 监听变化
2. 模版指令(类似 angular)
{{}}
v-text 渲染数据
v-html html 结构
3.
v-if v-show 控制模块隐藏
v-if 直接不渲染 dom 元素
v-show display:none 进行隐藏 代码中有
4.
v-for
渲染循环列表 : v-for
item 是循环体的对象
data: {
items:[
{
label:'apple'
},{
label: 'banana'
}
]
}
<ul>
<li v-for='item in items'>
<p v-text='item-label'></p>
</li>
</ul>
5. v-on
绑定事件
v-on:click="doThis"
method: {
doThis: function(sonmeThing){}
++
.22233+00.
}
6. v-bind
绑定属性