更新时间:2021-10-15 来源:黑马程序员 浏览量:
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
把标签内部的元素原位输出
猜你喜欢
【AI设计】北京143期毕业仅36天,全员拿下高薪offer!黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日,就业率91%+,最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班,毕业14个工作日,班级93%同学已拿到Offer, 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期,距离毕业21天,就业率91%,平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日,就业率已达到94.55%,班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%,最高薪资 17.5k*13薪,全班平均薪资9244元
2025-09-19