自定义指令

自定义指令

 

当指令第一次被绑定到元素上的时候，会立即触发发bind函数

形参中的el表示当前指令绑定到的那个DOM对象。

我们还可以在data中自定义一个color:blue ,然后在将值传给v-color="color"。如果我们想修改为红色，可data数据中没有red属性，我们不能只写为v-color:"red"。原因是vue在data中找不到red

，但我们可以写为v-color:"‘red’"！

那我们如何拿到data中color的值呢？

我们可以在bind中传递一个binding参数，通过binding.value拿到

 

如果我们在bind和update中写的内容都是一样的话，我们可以简写为

color(el,binding){
    el.style.color=binding.value
}
​

自定义全局指令

 

全局声明的自定义指令要放在main.js之中