上节 我们用的是全局的,全局指令
我们改写成私有如下:
<div id='p' v-mystyle="'red'">突然好想你,你会在那里,过的好不好</div>
var vue=new Vue(
{
el: '#p',
directives: {
mystyle: {
bind: function(el,binding){
el.style.color=binding.value;
}
}
}
}
)
实际格式都差不多。
注意 directives 是加s 的、
还有一种简写的方法,看到这样的写法,就认为是bind 或者updated 方法。
如下:
directives: {
mystyle: function(el,binding){
el.style.color=binding.value;
}
}