vue的常见指令

vue的常见指令

• v-model  实现双向数据绑定，一般用于可以接收用户输入或选择的表单元素中，如：input,checkbox,radio
• v-for        格式： v-for="item in 数组json"  循环数组或json对象,需要注意从vue2开始取消了$index
• v-show   显示内容，不管值为true还是false，都会渲染，适用于需要频繁显示和隐藏的元素
• v-hide     隐藏内容
• v-if          显示与隐藏  （dom元素的删除添加），当值为false时，是惰性的不会创建元素，适用于显示一次的元素
• v-else-if  必须和v-if连用
• v-else     必须和v-if连用  不能单独使用  否则报错   模板编译错误
• v-bind    动态绑定  作用： 及时对页面的数据进行更改，单向绑定，当元素的属性值不想写死，希望来自模型中时使用
• v-on:click 给标签绑定函数，可以缩写为@click，例如绑定一个点击函数  函数必须写在methods里面
• v-text     解析文本
• v-html    解析html标签
• v-bind:class   三种绑定方法  1、对象型  '{red:isred}'  2、三元型   'isred?"red":"blue"'   3、数组型  '[{red:"isred"},{blue:"isblue"}]'
• v-once   进入页面时  只渲染一次 不在进行渲染
• v-cloak  防止闪烁
• v-pre      把标签内部的元素原位输出