定义私有指令 v-fontweight 

   // 这是一个私有的指令  他是在vm这个实例对象里里面的  所以说是私有的  directives 多一个s
            // 在css中是font-Weight。在第二个字母的大写该为小写，去掉横线。
            // 这中写法跟原生的jS控制css是一样的
            //font-Weight:控制字体的粗细   100 200 300 。。。。。 900
            //font-Weight: 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。

 

<body>
    <div id="app">

        <div v-fontweight="600">1212</div>
    </div>
    <script>
        var vm2 = new Vue({
            el: "#app",
            data: {

            },

            methods: {

            },

            directives: {
                "fontweight": {
                    bind: function (el, bingding) {
                        el.style.fontWeight = bingding.value
                    }
                }
            }
        })
    </script>
</body>

 

 

posted @ 2019-12-08 18:16  南风晚来晚相识  阅读(317)  评论(0)    收藏  举报