04vue常用指令

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/