转自: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>
大功告成!