首页 > 其他分享 >vue3——hook函数

vue3——hook函数

时间:2022-09-04 21:26:31浏览次数:65  
标签:函数 自定义 代码 复用 hook vue3

  • 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。

  • 类似于vue2.x中的mixin。

  • 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

代码演示:

1.创建一个文件夹,自定义文件用来存放复用代码

2.复用代码写入js文件中

在代码之前要引入用到的钩子,最后需要返回

 

3.在需要使用复用代码的组件中引入文件

import usePoint from '../hooks/usePoint' 使用数据并返回对象:

 

标签:函数,自定义,代码,复用,hook,vue3
From: https://www.cnblogs.com/MDRY/p/16656111.html

相关文章

  • postgresql/lightdb CommandCounterIncrement()函数的作用
    CommandCounterIncrement的作用是使当前事务中前面语句的修改对本语句可见,相当于oracle中的当前读概念(currentread,只不过oracle区分,pg不区分)。事务中每执行一个语句后......
  • vue3——生命周期
    vue2.x的生命周期:  Vue3.0中可以继续使用Vue2.x中的生命周期钩子,但有有两个被更名:beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0也提......
  • 生命周期函数(面试)
    生命周期函数 beforeCreate()created()beforeMount()Mounted()beforeUpdate()Updated()beforeDestroy()destroyed()//......
  • vue3——watchEffect函数
    watch的套路是:既要指明监视的属性,也要指明监视的回调。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性watchEffect有点像comp......
  • #include<algorithm>函数
    1、查找函数(n.find("="))从前往后找:n.find();#include<bits/stdc++.h>#include<algorithm>usingnamespacestd;stringn;intmain(){ cin>>n; intlen=n.find('=......
  • python中的内置函数
    内置函数#1.abs函数print(abs(-1))#绝对值方法#2.all函数print(all([1,'aaa','']))#falseprint(all([]))#true#all方法里面是一个可迭代对象,all会自动将这......
  • Oracle中行转列(pivot)函数解析(二)
    Oracle行转列就是把某一个字段的值作为唯一值,然后另外一个字段的行值转换成它的列值。案例原始数据如下:  方法一:利用groupby实现selectt.mr_sl_id,sum(......
  • Oracle中行转列函数(一)
    1、wm_concat(列名)解析:该函数可以把列值以“,”号分割起来,并显示成一行。例:selectwm_concat(item_code)fromhdrg.qcs_dict_item_detailwheretable_name='d......
  • 大家都能看得懂的源码之ahooks useInfiniteScroll
    本文是深入浅出ahooks源码系列文章的第十七篇,该系列已整理成文档-地址。觉得还不错,给个star支持一下哈,Thanks。简介useInfiniteScroll封装了常见的无限滚动逻辑。......
  • 函数当作参数
    1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6</head>7<body>8<script>9......