此页内容

指令

pengzhanbo

233字小于1分钟

2022-04-24

vue@3

提问

  1. 什么是指令?
  2. 如何自定义指令?

指令

指令是用于 封装对于底层DOM元素的操作。

自定义指令

使用 app.directive 注册全局指令, 或者 组件实例的 directives 注册局部指令。

提示

自定义指令的钩子, vue3 和 vue2 是完全不同的。

指令提供了七个钩子函数:

  • created 在绑定元素的 attribute 前
  • beforeMount 在元素被插入到 DOM 前调用
  • mounted 在绑定元素的父组件 及他自己的所有子节点都挂载完成后调用
  • beforeUpdate 绑定元素的父组件更新前调用
  • updated 在绑定元素的父组件 及他自己的所有子节点都更新后调用
  • beforeUnmount 绑定元素的父组件卸载前调用
  • unmounted 绑定元素的父组件卸载后调用