// 这是一个私有的指令 他是在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>