前言
在指令里获取的this并不是vue对象,vnode.context才是vue对象,一般来说,指令最好不要访问vue上的data,以追求解耦,但是可以通过指令传进来的值去访问method或ref之类的。
vue指令
官方文档其实已经解释的蛮清楚了,这里挑几个重点的来讲。
1、arguments
el: 当前的node对象,用于操作dom
binding:模版解析之后的值
vNode: Vue 编译生成的虚拟节点,可以在上面获取vue对象
oldVnode: 使用当前指令上一次变化的node内容
2、 生命周期
bind: 初始化的时候调用,但这时候node不一定渲染完成
insert