directives可以全局使用，以及在组件的内部定义中使用directives。
注册自定义命令directives有什么作用？
对常规DOM元素执行基本操作时，如何使用自定义命令directives？
使用. vue页templatedivbuttonv-BTN=' txt ' : data-msg=' imgurl ' { { BTN text } }/button/div/templatescriptexporiptexporl 全局定制命令' v-BTN'vue.directive(BTN )、{/} /通常用于初始化数据绑定3360函数(El、绑定、vnode )。 ()/binding，vnode ) { //在这种情况下，“El”是当前节点对象button data-vnode=' imgurl ' style=' color 3360 red；' 测试/button El.style.csstext=' color : red；'==字体变为红色//绑定意味着一个对象包含下一个/* *绑定，*//name:指令=='btn' //value :的绑定值==expression3360字符串格式的指令表达式=='txt' //不常见。从arg :传递给命令的参数为' foo '///，如：v-my-directive:foo 例如，在： v-my-directive. foo.bar中，修饰符的对象是{ foo: true，bar: true }。 获取//vnode :Vue编译生成的虚拟节点//oldVnode :上的上一个虚拟节点//}//data-的值//el.dataset.msg=='imgurl' //)作为directives权限按钮的功能路由配置(path:(/permission )、组件： layout、name: )权限测试)、meta : { BTN permision } //页面所需的权限children : [ { path : ' supper '，component : _ import (system/supper ) ]，name : meta : { BTN } meta : { BTN permissions 3360 [ ' admin ' ] }//页面所需的权限} ]自定义命令import Vue from 'vue'/**权限命令*/const has=vue vnode )//按钮要获得权限的letbtnpermissions=vnode.context.$ route.meta.BTN permissions.BTN permissions if (！ vue.prototype.$ _ has (BTN permissions ) ) El.parentnode.removechild ) El； }}； //权限检查方法vue.prototype.$ _ has=function (value ) { let isExist=false； letbtnpermissionsstr=session storage.getitem (BTN permissions )； btnpermissionsstr==undefined|| btnpermissionsstr==null (返回假； } if (value.index of (btnpermissionsstr (-1 ) ) { isExist=true； } return isExist； (； export {has} /*然后在main.js文件中输入文件*.importhasfrom './public/js/BTN permissions.js '； 只要将v-has添加到/*页面的按钮中，*/El-button @ click=' edit click ' type=' primary ' v-has编辑/el-button