定义私有指令 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>

定义私有指令 v-fontweight

相关文章