![Vue.js 3.0从入门到精通(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/154/44510154/b_44510154.jpg)
上QQ阅读APP看书,第一时间看更新
5.2.1 注册自定义指令
自定义指令的注册方法和组件很像,也分全局注册和局部注册,例如注册一个v-focus的指令,用于在<input>、<textarea>元素初始化时自动获得焦点,两种写法分别是:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P92_164962.jpg?sign=1739505420-RRMZL7TGzYo14AhAMACBFZ5bG0kkzH5p-0-3b80f84c2697876b8d944819fc8cbfe9)
然后可以在模板中任何元素上使用新的v-focus指令,例如:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P93_165366.jpg?sign=1739505420-9oA9gAqAOIAyGGzp76DTWVpkIo7wAWaN-0-c90b12c6d1eaec796d824ddbd7732ffa)
自定义指令的注册方法和组件很像,也分全局注册和局部注册,例如注册一个v-focus的指令,用于在<input>、<textarea>元素初始化时自动获得焦点,两种写法分别是:
然后可以在模板中任何元素上使用新的v-focus指令,例如: