vue:指令

vue指令:用于解析标签,操作dom元素、内容等

  • v-bind:单项绑定解析表达式;
  • v-on:绑定事件指令,简写 @;
  • v-model:双向数据绑定;
  • v-for:遍历数组、对象、字符串;
  • v-if、v-else、v-show:条件渲染(动态控制节点是否展示)
  • v-text:绑定文本,没有插值表达式灵活
  • v-html:可以解析结构性标签,不安全的指令
  • v-cloak:特殊标签属性,没有值,配合css语法,[v-cloak]{display:none}

    可以解决网速过慢,页面展示{{xxx}}的问题,只要加载vue了,就会自动删除该属性

  • v-once:该指令没有值,属于初次动态加载之后,就不在动态渲染了,可以用于优化性能,属于事件修饰符
  • v-pre:该指令没有值,标签中添加该指令,可以跳过节点编译
  • 指令分为局部指令和全局指令,全局指令:Vue.directive(‘name’,配置对象);局部指令:new Vue({‘name’,callback})
  • 自定义指令:会调用三个方法:binding、insert、update,其中的this指向window,而不是vm

2021-12-01 15:39

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值