Vue3 自定义指令

一、自定义指令的基本使用

1. 默认实现


1. 局部指令:组件通过directives选项,只能在当前组件中使用

2. 全局指令:app的 directives 方法,可以在任意组件中被使用

二、自定义指令的生命周期

created:在绑定元素的 attribute 或事件监听器被应用前调用

beforeMount:当指令第一次绑定到元素并且在挂载父组件之前调用

mounted:在绑定元素的父组件挂载后调用

beforeUpdate:在更新包含组件的vnode之前调用

updated:在包含组件的vnode及其子组件的vnode更新后调用

beforeUnmount:在卸载绑定元素的父组件之前调用

unmounted:当指令与元素解绑且父组件已卸载时,只调用一次

三、自定义指令的修饰符

自定义指令后可跟多个修饰符,用“ . ”分割:自定义指令.修饰符.修饰符

四、自定义指令的参数

自定义指令="参数"

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容