Vue29-自定义指令:函数式

一、定义

内置指令,指令是vue作者定的,背后的操作DOM的逻辑是也是vue作者写的。

自定义指令,指令名自定义,指令背后如何去操作DOM元素,也是自定义。

二、需求1:big指令

2-1、自定义指令directive

1、写法一:对象形式

注意:指令名称不用加v-!!!

优点:可以处理细节方面的问题。

2、写法二:函数形式

写法简单,但是不能处理细节方面的问题。

三、自定义指令参数说明

1、element参数

2、binding参数 

四、自定义函数调用的时机 

big函数何时会被调用?

1、指令和元素成功绑定的时候会被调用一次。(一上来

2、指令所在的模版被重新解析

所以,即使只修改name的值,v-big也会被调用。

 

【回顾】:指令的作用: 

  • 8
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值