一、自定义指令核心知识点
如果在操作一些原生DOM时,一些功能使用频率非常高,可以考虑封装成自定义指令。而它确实也是经常用来封装一些原生操作,因为Vue官方给出的一些指令远远不能满足我们的需求。
所以除了 Vue 内置的一系列指令 (比如 v-model
或 v-show
) 之外,Vue 还允许你注册自定义的指令 (Custom Directives)。
一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
Vue权限系统案例
个人博客地址
1.1 自定义局部指令
在 <script setu