Vue3 registers global directives

Create new directives in the src directory

permission.js file

export default {
    
    
  name: 'action',
  mounted(el, binding, vnode) {
    
    
    console.log(vnode.ctx, 'vonde')
    // debugger
    const rolesList = ['add', 'edit', 'list']
  }
}

index.js file

import permission from "./permission";
// 注册全局自定义指令
const directive = [permission]

export default (app) => {
    
    
  directive.forEach((directive) => {
    
    
    app.directive(directive.name, directive)
  })
}

main.js file

import directives from './directives/index';
directives(app)