Vue自定义指令报错：Failed to resolve directive: xxx

Vue自定义指令报错

Failed to resolve directive: modle

这个报错有2个缘由：

1.指令单词拼错

2.Vue.directive() 这个方法没有写在 new Vue 以前

 

解决办法：

1.检查指令拼写是否正确

2.Vue.directive() 这个方法写在new Vue以前

Vue.directive('test',{ bind(el,binding,vnode){ console.log(el); el.style.color = "red" } }) new Vue({ el: '#app', components: { App }, template: '<App/>' })