vue学习笔记6 Vue.directive自定义指令

<h1>Vue.directive自定义指令</h1>
<hr>
<div id="app">
<div  v-yang="oo">{{num}}</div>
<br>
<button @click="add">ADD</button>
<div v-yang="oo">{{num}}yang</div>
</div>
<script type="text/javascript">
// 自定义指令
Vue.directive("yang",function(el,binding){
el.style="color:"+binding.value;
});
var app=new Vue({
el:'#app',
data:{
num:10,
oo:'red'
},
methods:{
add:function(){
this.num++;
}
}
})
</script>