首页 > 其他分享 >封装组合式函数

封装组合式函数

时间:2024-03-27 16:14:36浏览次数:27  
标签:组合式 const 函数 onScrolltolower 封装 ref guessRef

封装组件
import type { XtxGuessInstance } from '@/types/components'
import { ref } from 'vue'

/**

  • 猜你喜欢组合式函数
    */
    export const useGuessList = () => {
    // 获取猜你喜欢组件实例
    const guessRef = ref()

// 滚动触底事件
const onScrolltolower = () => {
guessRef.value?.getMore()
}

// 返回 ref 和事件处理函数
return {
guessRef,
onScrolltolower,
}
}

页面使用

const { guessRef, onScrolltolower } = useGuessList()

标签:组合式,const,函数,onScrolltolower,封装,ref,guessRef
From: https://www.cnblogs.com/zw100655/p/18099512

相关文章

  • 关于内存函数的介绍
    1.memcpy2.memmove3.memset4.memcmp其中,重点讲解memcpy以及memmove。1.C库函数: void*memcpy(void*str1,constvoid*str2,size_tn) 函数作用:在 str2 复制 n 个字节到 str1。其中,str1用于指向存储复制内容的目标数组     str2指向要复制的......
  • HTML编程+函数的调用1
    原创:财院网站设计学习平台1.函数无参数<body><inputtype="submit"value="输入显示信息的次数:"onclick="showHello()"/><script>functionshowHello(){varcount=prompt("请输入显示信息的次数:");for(vari=1;i<=count;i++){......
  • react零基础到精通-1|基础概念,主要特性,s6语法,react相关的开发环境和工具,react简介,箭头
    致力于解决复杂视图层开发我呢提,全新的ui组件的开发理念,1.1React简介前端UI的本质问题是如何将来源于服务器端的动态数据和用户的交互行为高效地反映到复杂的用户界面上。React另辟蹊径,通过引入虚拟DOM、状态、单向数据流等设计理念,形成以组件为核心,用组件搭建UI的开发......
  • 函数重载
    includeusingnamespacestd;//重载满足条件,可以提高复用性//1.同一个作用域下//2.函数名称相同//3.函数参数类型或者个数不同或者顺序不同//注意函数的返回值不可以做为函数重载的条件voidfunc(){cout<<1<<endl;}voidfunc(inta)//参数不一样{cout<<2<<e......
  • C++复制构造函数、=运算符重载
    C++复制构造函数、=运算符重载#include<iostream>usingnamespacestd;classbase{private:intx,y;public:base():x(2),y(4){cout<<"basedefaultconstructor"<<endl;}base(intx,inty):x(x),y(y){cout<<"base......
  • 字符函数与字符串函数
    欢迎各位来指点我的博客哦!主页:趋早–Step专栏:C语言gitte网站:https://gitee.com/good-thg文章目录一、字符分类函数例题一例题二二、字符转换函数三、字符串函数1.strlen(1)strlen函数的使用(2)strlen函数的模拟实现计数器方式实现递归方式(不创建临时变量)指针-指针......
  • 【go从入门到精通】函数详解
    作者简介:    高科,先后在 IBMPlatformComputing从事网格计算,淘米网,网易从事游戏服务器开发,拥有丰富的C++,go等语言开发经验,mysql,mongo,redis等数据库,设计模式和网络库开发经验,对战棋类,回合制,moba类页游,手游有丰富的架构设计和开发经验。 (谢谢你的关注)---------------......
  • 封装之打线简介
    https://developer.aliyun.com/article/7403181.Wire bond原理:对金属丝和压焊点同时加热和超声波,接触面便产生塑性变形,并破坏了界面的氧化膜,使其活性化,通过接触面两金属之间的相互扩散,形成金属化合物而完成连接。2.常用线材:金线,Ag合金线,钯铜线,纯铜线。基于0.8mil,20um各种......
  • FFMPEG C++封装(一)(C++ FFMPEG)
    1概述FFMPEG是一个C语言开源视音频编解码库。本文将FFMPG4.1.3进行C++封装,形成C++FFMPG库。2架构架构图如下所示:架构说明:Init初始化FFMPEG库。IStream输入流,FFMPEG的输入音视频文件。Packet音视频数据包Decoder音视频编码器Frame音视频帧FilterGraph音视频......
  • java的封装
    封装概述    java中的封装指的是将一系列有关的事物的共同属性和行为提取出来放到一个类中,隐藏对象的实行和现实细节,仅对外提供公共的访问方式的操作。这样说起来感觉很抽象,也不好理解,这里不妨举一个例子。将配置电脑这个动作看成封装。    这个要怎么理解呢......