zoukankan      html  css  js  c++  java
  • vue指令

    v-text,v-html ,{{}}:

    绑定页面显示的内容,单向绑定,data中绑定的值变化,页面显示跟着变化。

    v-bind:

    绑定属性值,比如v-bind:class,v-bind:style,v-bind:ref等,可以简写为:class,:style,:ref。单向绑定,data中绑定的值变化,页面的属性值会跟着变化。

    v-model:

    双向绑定,data中值变化,页面变化;反过来页面变化,data值也跟着变化。

    v-on:

    绑定事件,比如v-on:click,简写为@click。

    事件修饰符:

    stop 阻止事件冒泡到父元素
    prevent 阻止默认事件发生
    self 只有元素自身触发事件才执行(冒泡或捕获的都不执行)
    once 只执行一次

    比如:@click.stop=""。

    按键修饰符:

    比如v-on:keyup.up="",v-on:keyup.down="",v-on:keyup.enter="",或者使用键码,比如v-on:keyup.13=""。

    组合键:

    比如@keyup.alt.67="",@click.ctrl=""(按住ctrl点击触发事件)。

    v-for:

    元素循环,可以循环数组,也可以循环对象的属性。

    v-if,v-show:

    控制是否显示,v-if控制dom是否有,v-show控制dom是否显示(dom是有的,只是样式上不显示)。

  • 相关阅读:
    HierarchicalDataTemplate
    Prism技巧
    常用Exception
    netcore URL重新路径
    Nintendo Switch相册整理
    交换变量-不借助任何变量
    QCombobox样式stylesheet总结
    Qt新旧Moc方式升级功能
    QSS使用方法总结
    【QRegExp】QLineEdit屏蔽空格
  • 原文地址:https://www.cnblogs.com/silenceshining/p/14257223.html
Copyright © 2011-2022 走看看