插值
文本 (输出文本):{{ }} 或 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 双向数据绑定
来源: http://www.bubuko.com/infodetail-3292994.html