Vue29-自定义指令:函数式

server/2024/10/17 18:15:34/

一、定义

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

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

二、需求1:big指令

2-1、自定义指令directive

1、写法一:对象形式

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

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

2、写法二:函数形式

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

三、自定义指令参数说明

1、element参数

2、binding参数 

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

big函数何时会被调用?

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

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

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

 

【回顾】:指令的作用: 


http://www.ppmy.cn/server/48680.html

相关文章

cuda 架构设置

import torch torch.cuda.get_device_capability(0) 添加cmake options: -DCMAKE_CUDA_ARCHITECTURES86 -DCMAKE_CUDA_COMPILER/usr/local/cuda-11.8/bin/nvcc cmake工程出现“CMAKE_CUDA_ARCHITECTURES must be non-empty if set.“的解决方法_failed to detec…

Windows下对于Qt中带 / 的路径的处理

在Windows下,如果你想使用操作系统的分隔符显示用户的路径,请使用 toNativeSeparators()。 请看以下代码: void Player::on_playBtn_clicked() {if (this->m_url.isEmpty()) {openMedia();if (this->m_url.isEmpty())return;}qDebug(…

计算机基础(8)——音频数字化(模电与数电)

💗计算机基础系列文章💗 👉🍀计算机基础(1)——计算机的发展史🍀👉🍀计算机基础(2)——冯诺依曼体系结构🍀👉&#x1f34…

2024年科技趋势与未来展望

引言 2024年已经到来,科技领域正在以前所未有的速度发展。从人工智能到量子计算,再到绿色科技,每一个领域都在经历着巨大的变革。这篇文章将探讨2024年最值得关注的科技趋势,并对未来的科技发展进行展望。 1. 人工智能与机器学习…

蓝牙安全入门——两道CTF题目复现

文章目录 蓝牙安全入门题目 low_energy_crypto获取私钥解密 题目 蓝牙钥匙的春天配对过程配对方法密钥分发数据加密安全漏洞和保护实际应用实际应用 蓝牙安全入门 🚀🚀最近一直对车联网比较感兴趣,但是面试官说我有些技术栈缺失,所…

野火FPGA跟练(四)——串口RS232、亚稳态

目录 简介接口与引脚通信协议亚稳态RS232接收模块模块框图时序波形RTL 代码易错点Testbench 代码仿真 RS232发送模块模块框图时序波形RTL 代码Testbench 代码仿真 简介 UART:Universal Asynchronous Receiver/Transmitter,异步串行通信接口。发送数据时…

【code-server】Code-Server 安装部署

Code-Server 安装部署 1.环境准备 可以参考 https://coder.com/docs/code-server/install code-server的安装流程进行安装,主机环境是 Centos7 建议使用 docker 方式进行安装,可能会出现如下报错,需要升级 GNC 的版本,由于影响交…

云顶之弈-测试报告

一. 项目背景 个人博客系统采用前后端分离的方法来实现,同时使用了数据库来存储相关的数据,同时将其部署到云服务器上。前端主要有四个页面构成:登录页、列表页、详情页以及编辑页,以上模拟实现了最简单的个人博客系统。其结合后…