Vue2 局部自定义指令 / 全局自定义指令

您所在的位置:网站首页 mrrc指令 Vue2 局部自定义指令 / 全局自定义指令

Vue2 局部自定义指令 / 全局自定义指令

#Vue2 局部自定义指令 / 全局自定义指令| 来源: 网络整理| 查看: 265

       我会以有几种定义方式,在什么地方定义,里面有几种钩子,钩子中有哪些参数、使用场景来阐述,分为全局自定义指令和局部自定义指令,

全局自定义指令:

全局自定义指令最简单的写法实在main.js直接书写全局自定义指令是通过Vue.directive('第一个参数是指令的名称,第二个是对象,对象里面有钩子函数,钩子函数分别有

inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。

bind:只调用一次,指令第一次绑定到元素时调用。使用场景:在这里可以进行一次性的初始化设置。

update:所在组件的 VNode 更新时调用,等...

钩子函数的形参有el,vnode,binding,el是绑定的元素、vnode虚拟dom,binding是被赋值的结果,要用binding.value来接收调用指令时赋的值,对象里操作逻辑

定义:

在页面使用: 

 

局部自定义指令: 局部自定义指令是定义在组件内部的,只能在当前组件中使用,directives后是一个对象,对象里面key是指令名字,值是一个对象,这个对象里面有钩子函数update **, **bind,inserted,参数是el,binding,vnode,钩子函数里面书写逻辑



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3