vue指令

vue常见指令

v-for 列表渲染

v-for= '数组里的每一项 in/of 要循环的数据'

v-if 条件渲染 v-else v-elseif

v-if = 'true/false' true:渲染 false:不渲染

v-show 与 v-if 的区别

v-show:是通过修改元素的的CSS属性(display)来决定实现显示还是隐藏 v-if:是通过操纵dom元素来进行切换显示

v-on 事件绑定 简写@

v-bind 属性绑定 简写 v-bind:src = :src

v-text

v-html

自定义指令

全局自定义指令

Vue.directive(自定义指令名,{
   inserted(el){
   当绑定的指令的dom元素插入到dom中触发
  }
})

局部自定义指令 在哪里写哪有用

directives:{
  "自定义指令名":{
     inserted(el){
      }
   }
 }