7个常用指令
-
内容绑定指令
v-text:--innertext v-html:--innerHTML
-
防闪烁指令
v-cloak:[v-cloak]{display:none;}
-
:条件绑定指令
v-if:compiler -> vnode v-show:样式控制display
-
★ 循环指令
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>
-
★ 事件绑定指令
v-on:事件名 @事件名/自定义事件名
-
★ 属性绑定指令
v-bind:属性名称 <img v-bind:src = "picUrl"> <img :src = "picUlr"> ----把自定义的属性名转换成事件绑定元素
-
★ 表单指令
v-model:①监听表单元素的blur/chang事件 ----(双向绑定) ②把监听的结果更新到v-model=“数据结构”
作者:@八度余温*
学习博客:https://mp.csdn.net/