Vue3 自定义指令引入方式

Vue3 全局引入的方式

//在src 目录下util新建   directive.js 文件 用于输出指令
export const directive=(app)=>{
	app.directive('mydsa', (el) => {
	  // 这将被作为 `mounted` 和 `updated` 调用
	  console.log(el)
	})
	app.directive('permission', (el) => {
	  // 这将被作为 `mounted` 和 `updated` 调用
	  console.log(el)
	})
}

在 main.js 传入 app

import {directive} from "./util/directive.js"

// 注册 (函数指令)
directive(app)
 

!注意 在   directive.js 文件 引入app
 

 import { createApp } from 'vue'
    const app =createApp(App)

    app.directive('permission', (el) => {
      // 这将被作为 `mounted` 和 `updated` 调用
      console.log(el)
    })

// 在 main.js  直接引入 该文件是不生效的