vue中的自定义指令

一、directives属性

在vue实例中使用该属性申明自定义指令，在directives中申明自定义指令有两种方法，一种就是使用函数的形式（更加简单便捷），另一种就是使用对象的形式（能够定义更加精细）；

1、函数形式：

参数：

（1）第一个参数为element：实质上为使用该属性的真实DOM；

（2）第二个参数为binding：是一个对象，包含value属性值等；

何时调用：

（1）指令与元素成功绑定时调用：实质上就是对象形式的bind函数；

（2）令所在模板（例：id为root中）发生重新解析时：实质上就是对象形式的update函数；

示例代码如下：

<div id="root">
        <h2>当前的n值为：<