vue 自定义指令1 实现一个简单的n放大10倍的自定义指令(用函数形式定义)

由于要自定义指令所以,要直自己操作dom元素

 

注意自定义指令时直接写自定义指令名称

第一种写法写成函数形式,不难看出,其实自定义指令就是一个函数

定义新的对象 directives:{

        big(){

}

}

 

但是这个跟,计算属性不一样,不是靠return实现的

主要依靠,它的两个参数big(a,b)

 a为真实dom元素   一般写成element 表示对应元素

 

第一种验证：

加console.dir(a)

第二种验证：

instanceof 判断谁是谁的实例

再看b主要就是得到其中的value 一般写成binding表示绑定的意思

 

 

 

所以实现

当按钮把n+1发现自定义指令,也发生再次调用

它被调用的情况1.第一次执行,2.指令所在的模板被重新加载

验证：

当我们修改name的值发现,big指令仍然被调用