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/>'
})