ray-template/src/directives

说明

全局自定义指令入口。

规范

• 指令应该为全局的通用性指令
• 如果指令需要与系统的数据进行关联，应该注意数据的管理与指令注册使用时机

添加指令说明

• 模板视 modules 中每一个文件包为一个模板的指令（全局），并且每个文件包的名称，也被视为该指令名称
• 添加文件包后，强制要求 index.ts 为指令的输出文件名
• modules 包中所有指令都会被自动合并到模板中

/**
 *
 * 示例添加 demo 指令
 */

// 1. modules 中添加文件包
// 2. modules/demo 目录下创建 index.ts 文件
// 3. 进行自定义指令开发

import type { Directive } from 'vue'
import type { RoleBindingValue } from './type'

const demoDirective: Directive<HTMLElement, RoleBindingValue> = {
  beforeMount: (el, binding) => {
    console.log(el, binding)
  },
}

export default demoDirective

// 4. 按照上述步骤执行后，会自动在模板中创建一个 v-demo 的指令供全局使用