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是有的,只是样式上不显示)。

  • 相关阅读:
    前端知识点(1)
    js防抖和节流
    react生命周期方法有哪些?
    vue音乐播放器
    vue天气查询
    vue+axios安装
    vue 实现todolist,包含添加,删除,统计,清空,隐藏功能
    vue简单计数器
    手动搭建的react环境中,关于图片引入的问题
    promise封装ajax
  • 原文地址:https://www.cnblogs.com/silenceshining/p/14257223.html
Copyright © 2011-2022 走看看