1。什么是自定义命令:看完这段话,我还是一头雾水。..看代码:看效果:同时使用全局自定义指令:效果:还是可以的,没有报错,请问优先级是多少?效果:显然,具有相同名称的本地自定义指令会覆盖具有相同名称的全局自定义指令。2、自定义命令的hook:通过对比vue的生命周期可以理解(1)bind:此时的DOM元素没有挂载到页面上观察结果,发现focus()方法做的nottakeeffect:(2)inserted:其实此时已经插入到文档中了,例子如上(3)update:可以理解为只有绑定值改变时才执行effect:(4)componentUpdated:顾名思义,update后执行(5)unbind:删除dom元素后执行效果:3.上面钩子函数的参数:文字看不清楚,下面用代码展示以及输出结果(1)el:result:(2)binding,vnode,oldVnode:result:4.Exercise-----实现v-show:隐藏效果如下:显示效果如下:5.功能简称:code:effect:6.总结:就像v-show这个小练习一样,我们也可以使用自定义指令来模拟v-bind、v-model等很多指令,除了模拟,我们也可以自己写一些指令。写代码贵在想法,想法会随着经验的提升而越来越多。这就是写代码的乐趣。继续努力写出漂亮的代码!
