我们在 new Vue外部定义了这样一段代码,这就是我们全局自定义指令的模板方式
css是自定义指令的名字
{}里面我们写上钩子函数就可以
我们所有的钩子函数里面,基本都会有2个参数el,binding
el: 指令所绑定的元素,可以用来直接操作 DOM 。
binding 绑定元素本身的一个对象

从上面我们可以看到,binding里面保留绑定指令的name和value,这些很重要
局部自定义指令
directives:{
name:{ }
}
区别在于,我们写在new Vue里面,里面api操作和上面的全局自定义指令一样
下面我们开始看代码运行结果

我们可以看到样式引用上去了
文本框也获取了焦点
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对软件开发网的支持。










