首页 > 其他分享 >Vue3 hooks----实现组合式API

Vue3 hooks----实现组合式API

时间:2024-10-07 19:50:31浏览次数:9  
标签:功能 hooks ts ---- API export

hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。

我们在src底下定义个Hooks文件夹,将我们要进行模块化的功能设置为use功能名。

例如:我要将点我加一这个功能进行hooks,则使用useSum.ts这个文件定义功能逻辑。

在这个ts里面需要export  default  函数这种写法,只能这种写法

逻辑处理完后,还需要export 模板中要用的数据和方法。如下:

在调用hooks的地方,非常巧妙的是,我们用对象进行解构代码如下:

 

标签:功能,hooks,ts,----,API,export
From: https://www.cnblogs.com/yansunda/p/18450513

相关文章

  • 伊吹萃香 题解
    题意(很复杂,真的不想概括,以下是原题面)在幻想乡,伊吹萃香是能够控制物体密度的鬼王。因为能够控制密度,所以萃香能够制造白洞和黑洞,并可以随时改变它们。某一天萃香闲着无聊,在妖怪之山上设置了一些白洞或黑洞,由于引力的影响,给妖怪们带来了很大的麻烦。于是他们决定找出一条消耗体力......
  • 线程池
    线程池是一种用于管理和复用线程的技术,主要目的是提高系统性能和资源利用率。它通过预先创建一定数量的线程,并将它们保存在线程池中,当需要执行任务时,从线程池中获取一个空闲的线程来执行任务,而不是每次都创建新的线程¹²。线程池的工作原理线程池初始化:在应用程序启动时,线......
  • ME 588, Dynamics and Vibration
    ME588,DynamicsandVibrationHomework1Distributed:9/25/2024,Due:10/11/20241.Consideraspring-masssystemmountedonaspinningdiskasshowninFig.1.Thediskspinsatconstantangularvelocityω.Moreover,thediskhasadiametricalslot,alo......
  • 【Python数据采集】国家自然科学基金大数据知识管理服务门户数据采集
    【Python数据采集】国家自然科学基金大数据知识管理服务门户数据采集具体需求:从https://kd.nsfc.cn/网站中根据关键词搜索项目信息,收集列表中展示的信息以及详情页面中的参与人员信息等。在开始干活之前,我们首先要做的是弄清楚需求,然后分析目标网址,确定目标数据所在接口及请求参......
  • iptables一句话修复安全漏洞
    iptables一句话修复安全漏洞原创 龚诗嘉 运维前沿  2024年08月30日08:20 辽宁 听全文  iptables一句话安全修复漏洞安全漏洞对于开发和运维人员来说总是灾难,而且总是来的猝不及防CVE-2022-22947GET /actuator/gateway/routes HTTP/1.1Host: 127.0.0.1:......
  • 加装spark-3.5.3
    集群版本hadoop-3.4.0hive-3.1.3zookeeper-3.9.2hbase-2.6.0(1.0.0以上需要zookeeper-3.4.0以上)spark-3.5.3(只能选2.13.0)scala-2.13.0(jdk8仅支持x.x.0系)总结一下:JDK8和scala-2.13.0必选。1.安装scala1.1下载解压tarzxvfscala-2.13.0.tgz1.2配置环境变量vi/etc......
  • CF1117E Decypher the String题解
    传送门神奇的题。这是一道交互题。给定一个字符串\(s\),我们拥有若干操作,但是你不知道,第\(i\)个操作形如\(a_i,b_i\)表示交换字符串\(s\)中的第\(a_i\)位和\(a_j\)位。比如操作序列依次为\((1,2),(2,3)\),给定字符串为xyz。那么我们执行第一次操作后......
  • 题解 QOJ2559【Endless Road】/ SS241006D【套路题】
    PetrozavodskWinter2022.Day2.KAISTContest+KOITST2021XXIIOpenCupnamedafterE.V.Pankratiev,GrandPrixofDaejeon题目描述现在有\(10^9\)个花盆,依次编号为\(1,2,\dots,10^{9}\)。给定\(n\)个二元组\(L_i,R_i(L_i<R_i)\),我们将进行\(n\)次以下操......
  • 企业如何利用数据打造精准用户画像?
    0前言下半场,互联网公司已经不新鲜了,大部分公司已经互联网化。他们已经在用网络进行产品宣传,使用电商销售自己的商品。大数据“赋能”企业,有数据,有用户:通过大数据告诉政府该如何智慧地管理交通,做城市规划通过消费数据分析,告诉企业该在什么时间生产什么产品,以最大化地满足用户......
  • 2024初秋集训——提高组 #32
    B.序列删除题目描述有一个长度为\(2N\)的序列\(A\),其中\(1\)到\(N\)恰好出现两次。你每次可以选择两个相同的数\(A_l,A_r(l<r)\)并花费\(r-l\)的代价将其删除。求将整个序列删空的最小代价。思路有一个很显然的贪心就是:每次取代价最小的两个数删除。所以我们按照......