《Vue》指令

1.v-once指令:在标签中加上v-once指令后,内容是不会随着data数据的改变而改变的

2.v-html指令:在标签中添加v-html指令后,点击这个标签会实现链接跳转

3.v-text指令:在标签中添加v-text指令同mustache语法一致,但是通常不用此标签,因为v-text指令的内容会覆盖掉后面标签中的内容

4.v-pre指令:在标签中添加v-pre指令后,不会对标签中的内容进行解析,会原封不动的将标签中的内容显示出来

5.v-cloak指令:在标签中添加v-cloak指令后,在vue解析之前,标签中会存在属性v-cloak,但在vue解析之后,便没有此属性。

6.v-bind指令:动态绑定某个属性,其语法糖为 :

7.v-on指令:用于事件监听,其语法糖为@

   v-on的修饰符分别为:

    stop修饰符:阻止事件冒泡

    prevent修饰符:阻止一些默认情况

    once修饰符:触发某个事件只触发一次

8.v-if /v-else指令:条件判断,通过v-if指令判断里面的内容是否显示出来,如果v-if为假的话,会显示带有v-else的标签,切换一次的时候用v-if,当切换多次的时候,使用v-show

9.v-for指令:用于循环遍历

10.v-model:双向绑定,当改变data中的数据时,输入框的内容也会随着改变,当改变输入框的内容时,data中的数据也会随着发生变化,是v-bind和v-on指令的结合,通过v-bind将数据绑定到输入框中,通过v-on监听输入框输入的值,并将其赋值给数据

        v-model的修饰符

        lazy修饰符:当点击完回车,或者鼠标放到其他地方,data中的数据才会变化

        number修饰符:v-model默认的都是字符串类型,如果想用数字类型,则加上number

        trim修饰符:自动去掉字符串两边的空格

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值