自定义指令

52 阅读1分钟

自定义指令

Vue内置指令 v-if v-show Vue自定义指令 文档

  1. 全局指令
Vue.directive('hello',{
    inserted(el,binding,vnode){
        // el 使用指令的元素
        // binding  向指令传递的参数
        // vnode  跟指令调用者相关的虚拟DOM
    }
})
  1. 局部指令
new Vue({
    el:'#app',   //占地盘
    directives:{ //局部指令
        'hello':{
            inserted(el,binding,vnode){}
        }
    }
})