Failed to resolve directive: XXX

这个报错有2个原因：

1.指令单词拼错

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

// 错误的写法

import Vue from 'vue';
import App from './app.vue';

new Vue({ 
  render: h => h(App),
}).$mount('#A-demo');
 
Vue.directive('focus', {
  inserted(el){
    el.focus();
  }
})


// 正确的写法

import Vue from 'vue';
import App from './app.vue';

Vue.directive('focus', {
  inserted(el){
    el.focus();
  }
})

new Vue({ 
  render: h => h(App),
}).$mount('#A-demo');