2020-04-03 17:33发布
Vue常用的指令都有哪些?
1、v-model
多用于表单元素实现双向数据绑定(同angular中的ng-model)
2、v-for
格式： v-for="字段名 in(of) 数组json" 循环数组或json(同angular中的ngrepeat),需要注意从vue2开始取消了$index
3、v-show
显示内容(同angular中的ng-show)
4、v-if
显示与隐藏(dom元素的删除添加 同angular中的ng-if默认值为false)velse-if必须和v-if连用v-else必须和v-if连用 不能单独使用 否则报错模板编译错误
5、v-bind
动态绑定 作用是及时对页面的数据进行更改
6、v-on:click
给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在methods里面
7、v-text
解析文本
8、v-html
解析html标签
9、v-bind:class 三种绑定方法
·对象型 '{red:isred}'
·三元型 'isred?"red":"blue"'
·数组型 '[{red:"isred"},{blue:"isblue"}]'
10、v-once
进入页面时，只渲染一次，不在进行渲染
11、v-cloak
防止闪烁
12、v-pre
把标签内部的元素原位输出
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 雨陵西 的问题《VUE常用指令有哪些？》','http://www.shouhuola.com/answer/3577/146361.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Vue常用的指令都有哪些?
1、v-model
多用于表单元素实现双向数据绑定(同angular中的ng-model)
2、v-for
格式： v-for="字段名 in(of) 数组json" 循环数组或json(同angular中的ngrepeat),需要注意从vue2开始取消了$index
3、v-show
显示内容(同angular中的ng-show)
4、v-if
显示与隐藏(dom元素的删除添加 同angular中的ng-if默认值为false)velse-if必须和v-if连用v-else必须和v-if连用 不能单独使用 否则报错模板编译错误
5、v-bind
动态绑定 作用是及时对页面的数据进行更改
6、v-on:click
给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在methods里面
7、v-text
解析文本
8、v-html
解析html标签
9、v-bind:class 三种绑定方法
·对象型 '{red:isred}'
·三元型 'isred?"red":"blue"'
·数组型 '[{red:"isred"},{blue:"isblue"}]'
10、v-once
进入页面时，只渲染一次，不在进行渲染
11、v-cloak
防止闪烁
12、v-pre
把标签内部的元素原位输出
一周热门 更多>