小案例一：部分自定义指令html://修改输入框背景色exportdefault{el:'app',directives:{myfocus:{inserted(el,binding){console.log(el);控制台日志（绑定）；el.style.backgroundColor='#ccc';}}},}效果图：2：全局自定义命令html:////省略exportdefault{el:'app',data(){return{//定义颜色color:'red'}}}在main.js中定义全局自定义指令`Postallmain.js```//importVuefrom'vue';importAppfrom'./App.vue';从'./router'导入路由器；Vue.use(ElementUI)；*唯一有用的自定义指令是下面的*mycolor是自定义名称，放在html中，Vue.directive('mycolor',{inserted(el,binding){//我这里用了binding，所以想放在Usedcomponents//里面，定义一个颜色来显示el.style.color=binding.value;}})//Vue.use(echarts);newVue({router,store,render:h=>h(App)}).$mount('#app');`input里面的logo变红了
