自定义指令
当指令第一次被绑定到元素上的时候,会立即触发发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之中