vue.js内部自定义指令与全局自定义指令的实现详解(利用direct

2020-06-14 06:05:30易采站长站整理

我们在 new Vue外部定义了这样一段代码,这就是我们全局自定义指令的模板方式

css是自定义指令的名字
{}里面我们写上钩子函数就可以

我们所有的钩子函数里面,基本都会有2个参数el,binding

el: 指令所绑定的元素,可以用来直接操作 DOM 。
binding 绑定元素本身的一个对象

从上面我们可以看到,binding里面保留绑定指令的name和value,这些很重要

局部自定义指令


directives:{
name:{

}
}

区别在于,我们写在new Vue里面,里面api操作和上面的全局自定义指令一样

下面我们开始看代码运行结果

我们可以看到样式引用上去了

文本框也获取了焦点

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对软件开发网的支持。