背景：
以下介绍一个用于input输入框自动获取焦点的指令：v-focus，是如何全局注册的
方法：
// directives.js 文件
import store from '@/store';const directives = {permission: {inserted(el,bindling){// bindling.value为指令的绑定值let perVal = bindling.value;if(bindling.value) {// 登录时获取该登录用户的按钮权限 perslet pers = store.state.permissionList;// hasPer为true为有权限 hasPer为false为无权限let hasPer = pers.some(item=>{return item == perVal});// 没有权限就隐藏此元素if(!hasPer){el.style.display="none"}}}},focus: {inserted: function (el) {el.querySelector('input').focus()}},
}// 注册的一般写法，循环遍历directives，通过vue.directive注册
export default {install(Vue) {Object.keys(directives).forEach(key=>{Vue.directive(key,directives[key])})}
}在main.js中引入使用
...
import Directives from './plugins/directives';
...Vue.use(Directives);...
new Vue({router,store,render: h => h(App),
}).$mount('#app')
