插值
文本(输出文本):{{ }}或v-text
Html(输出Html):v-html
监听属性
常用于表单输入时要进行的动作
watch : {
dataValue:function(val) {
}
}
指令
v-text=表达式” 设置标签中的文本
v-html 设置标签中的html
v-if 控制是否有元素,v-if="isDelete"
v-for 循环
v-show 控制元素隐藏,如 v-show="isShow"
v-model 数据双向绑定(用于表单),如 <input type="text" v-model="name">
v-on 注册事件,如 v-on:click="func"
v-bind: 绑定属性(title、class、href等)或对象,如<a v-bind:href="toUrl">
v-if与v-show的区别:
v-if是根据值从Dom树增加或删除节点
v-show是根据值来控制元素的显示或隐藏,即控制display样式
v-bind和v-model的区别:
通过 v-bind:value 也可以实现对表单赋值,但v-bind绑定数据是单向得,而v-model双向数据绑定