欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

04vue常用指令

程序员文章站 2022-05-15 13:45:46
...

7个常用指令

  1. 内容绑定指令

    v-text:--innertext
    v-html:--innerHTML
    
  2. 防闪烁指令

    v-cloak:[v-cloak]{display:none;}
    
  3. :条件绑定指令

    v-if:compiler -> vnode
    v-show:样式控制display
    
  4. ★ 循环指令

    v-for
    <li v-for = "(u,i) in users">
        <h2>{{i}}:{{u.name}}</h2>
        <ul>
            <li v-for = "(c,ic) in u.course">
                {{ic}}:{{c}}
            </li>
        </ul>
    </li>
    
  5. ★ 事件绑定指令

    v-on:事件名
    @事件名/自定义事件名
    
  6. ★ 属性绑定指令

    v-bind:属性名称
    <img v-bind:src = "picUrl">
    <img :src = "picUlr">  ----把自定义的属性名转换成事件绑定元素
    
  7. ★ 表单指令

     v-model:①监听表单元素的blur/chang事件  ----(双向绑定)
              ②把监听的结果更新到v-model=“数据结构”
    

作者:@八度余温*
学习博客:https://mp.csdn.net/