VUE2的常用指令及小妙招!(自用笔记)

v-on   简写@主要用于绑定事件

v-bind 简写:主要用于动态绑定属性

v-cloak 作用:用于解决页面上插值闪烁,通过给绑定了v-cloak的标签添加display-none来解决

v-for 作用用于循环渲染数据

v-if 作用:判断元素要不要渲染,满足条件就渲染,否则就隐藏,通过添加删除dom元素控制

v-show 作用:控制元素的显示和隐藏和v-if不同的是v-show用display-none控制元素显示隐藏

v-html 作用:主要用于解析富文本,可以识别标签

v-text  作用:跟v-html作用相同,但不会解析标签

v-model 作用:用于vue的双向数据绑定

v-pre 作用:跳过编译

v-once  作用:元素只会渲染一次

在VUE2中经常会遇到引用数据类型,数据更新但视图不更新我们可以通过:this.$set("目标:数组或对象","要改变的属性/下标","改变后的值")

我们还可以通过JSON强制更新数据例如   :this.arr = JSON.parse(JSON.stringfly(this.arr))来强制更新数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值