在Vue中定义全局指令v-color出错了

新手上路,请多包涵

在Vue中定义全局指令v-color出错了,错误内容:[Vue warn]: Failed to resolve directive: color
(found in <Anonymous>)
不知道怎么回事?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.6/dist/vue.js"></script>
<body>
<div id="app">
    <h2 v-color>{{msg}}</h2>
</div>
<script>
    var vm=new Vue({
        el:"#app",
        data:{
            msg:'3333ff'
        },
    })

    Vue.directive('color',{
        bind:function(el) {
            el.style.color='red'
        }
    })
</script>
</body>
</html>

v-color出错了,求大神帮忙看看,谢过啦~~

阅读 2.1k
2 个回答
<script>
Vue.directive('color',{
    bind:function(el) {
        el.style.color='red'
    }
})
var vm=new Vue({
    el:"#app",
    data:{
        msg:'3333ff'
    },
}) 
</script>

你写到new上面去

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题