前端进阶Vue框架-----指令的写法

小不言啊

已于 2022-02-23 15:18:25 修改

阅读量111

点赞数

文章标签： vue.js 前端 javascript

于 2022-02-22 17:39:51 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61656944/article/details/123073494

版权

   <title>Document</title>
    <script src="/lib/vue.js"></script>
</head>
<body>
    <div id="box">

        <div v-hello>11111</div>
    </div>

    <script>
        // 创建指令
        Vue.directive("hello",{
            // 指令的生命周期函数
            inserted(el){
                console.log("inserted")
                el.style.background= "red"
            }
        })


        new Vue({
            el:"#box"
        })
    </script>
    
</body>
</html>