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

最新文章

热门文章