赛捷软件论坛 - Powered by Discuz! Board

标题: #directive [打印本页]

作者: vicky.yu 时间: 2024-1-9 13:36 标题: #directive

参数：
{string} name
{Function | Object} [definition]
返回值：
如果传入 definition 参数，返回应用实例。
如果不传入 definition 参数，返回指令定义。
用法：
注册或检索全局指令。

示例：
import { createApp } from 'vue'
const app = createApp({})
// 注册
app.directive('my-directive', {
  // 指令是具有一组生命周期的钩子：
  // 在绑定元素的父组件挂载之前调用
  beforeMount() {},
  // 绑定元素的父组件挂载时调用
  mounted() {},
  // 在包含组件的 VNode 更新之前调用
  beforeUpdate() {},
  // 在包含组件的 VNode 及其子组件的 VNode 更新之后调用
  updated() {},
  // 在绑定元素的父组件卸载之前调用
  beforeUnmount() {},
  // 卸载绑定元素的父组件时调用
  unmounted() {}
})
// 注册 (功能指令)
app.directive('my-directive', () => {
  // 这将被作为 `mounted` 和 `updated` 调用
})
// getter, 如果已注册，则返回指令定义
const myDirective = app.directive('my-directive')
指令钩子传递了这些参数：

欢迎光临赛捷软件论坛 (http://sagesoft.cn/bbs/)