Vue：成功解决[Vue warn]: Failed to resolve directive: jasonniu (found in <Anonymous>)

转自：https://blog.csdn.net/qq_42229253/article/details/81285804

解决问题

 console.error(("[Vue warn]: " + msg + trace));
[Vue warn]: Failed to resolve directive: jasonniu

(found in <Anonymous>)

解决思路

基于Vue.directive自定义的指令，内部字母不能大写，要将JasonNiu改为Jasonniu

    <div id="app" >
        <!-- 模板的输出方式，把message变量渲染到模板里 -->
        自定义指令v-Jason
        <div v-Jasonniu='color'> {{num}}   </div>
        <p> <button @click='add'> ADD </button> </p>
    </div>
    
    <script type='text/javascript'>
       //声明变量且实例化(生成器)
        Vue.directive('Jasonniu',function(el,binding){
            console.log(el);
            el.style='color:'+binding.value;
        });
 
改为
    <div id="app" >
        <!-- 模板的输出方式，把message变量渲染到模板里 -->
        自定义指令v-Jason
        <div v-Jasonniu='color'> {{num}}   </div>
        <p> <button @click='add'> ADD </button> </p>
    </div>

大功告成！