22 lines
772 B
TypeScript
22 lines
772 B
TypeScript
import { Directive } from "vue";
|
||
|
||
const myDirective: Directive = {
|
||
beforeMount(el, binding) {
|
||
el.style.color = binding.value;
|
||
}
|
||
};
|
||
|
||
// 定义安装函数
|
||
// install 函数是一个对象中的方法，其作用是将一系列指令对象安装到 Vue 应用实例中，它自带两个参数：app 和 options
|
||
// app就是vue实例，options则是安装函数的参数(可选)
|
||
// install 方法的定义就插件对象，install 方法会在引入插件时自动被 vue 调用，并传参 vue 实例和 options
|
||
const directives = {
|
||
install(app: any, options?: any) {
|
||
// 将一系列自定义指令对象安装到 Vue 应用实例中
|
||
app.directive("my-directive", myDirective);
|
||
}
|
||
};
|
||
|
||
// 导出安装函数
|
||
export default directives;
|