首页 > 其他分享 >Vue3 中的hook函数和 toRef(toRefs)

Vue3 中的hook函数和 toRef(toRefs)

时间:2023-11-06 12:56:22浏览次数:35  
标签:salary const person toRefs toRef hook

一、自定义hook函数

   1、什么是hook? 

         本质是一个函数,把 setup 函数中使用的 Composition API 进行了封装

   2、类似于 vue2.x 中的mixin

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

二、toRef

   1、作用:创建一个 ref 对象,其 value 值指向另一个对象中的某个属性值

   2、语法: 

const name = toRef(person, 'name')
const salary = toRef(person.job.j1, 'salary')
const p = toRefs(person)

return {
  name,
  salary,
  ...p
}

   3、应用:要将响应式对象中的某个属性单独提供给外部使用时

   4、扩展:toRefs 与 toRef 功能一致,但可以批量创建多个ref对象,语法:toRefs(person)

标签:salary,const,person,toRefs,toRef,hook
From: https://www.cnblogs.com/buluzombie/p/17812389.html

相关文章

  • '/webhook'​​​是你的服务器上的一个路径,当有人发送POST请求到这个路径时,​​webhoo
    在这段代码中,'/webhook'是你的服务器上的一个路径,当有人发送POST请求到这个路径时,webhook()函数就会被调用。你可以根据你的需求来选择这个路径,只要它在你的服务器上是唯一的。例如,如果你的服务器的URL是http://myserver.com,那么当飞书机器人发送POST请求到http://myserver.com/web......
  • Windows ObjectType Hook 之 OkayToCloseProcedure
    1、背景  ObjectTypeHook是基于ObjectType的一种深入的Hook,比起常用的SSDTHook更为深入。  有关ObjectType的分析见文章《Windows驱动开发学习记录-ObjectTypeHook之ObjectType结构相关分析》。  这里进行的Hook为其中之一的OkayToCloseProcedure。文......
  • hook_so
    在对应的so加载后再执行hook代码//刚注入的时候这个so还没加载,需要hookdlopenfunctioninline_hook(){varbase_hello_jni=Module.findBaseAddress("libxxxx.so");console.log("base_hello_jni:",base_hello_jni);if(base_hello_jni){console.lo......
  • prometheus-webhook-dingtalk 报警模板
    moretemplate.tmpl{{define"__subject"}}[{{.Status|toUpper}}{{ifeq.Status"firing"}}:{{.Alerts.Firing|len}}{{end}}]{{end}}{{define"__alert_list"}}{{range.}}---**告警名称**:{{index.Annotations"ti......
  • HookDeskTopWindowMsg
    .netwinform程序打开SaveFileDialog时,调试窗口显示这些信息,盲猜是对话框中的显示内容被第三方污染,比如图标,按钮的变化。HookDeskTopWindowMsg,Tencent\QQPCMgr\12.11.19357.218\QMInternalShellExt64.dllisnotexistssofa“App.exe”(Win32):已加载“C:\Windows\System32......
  • PC企业微信hook接口,通过查询添加外部联系人教程
    简要描述通过查询添加为联系人(外部联系人)操作码102008请求说明参数名必选类型说明type是int类型addType是string类型14微信用户1企业用户user_id是string用户idcontent是string添加请求语openid是string标识syncKey是string同步key请求示例{"type":102008,"data":{"a......
  • 使用​​Flask​​库来创建一个Webhook服务器,该服务器可以接收HTTP请求
    在Python中,你可以使用Flask库来创建一个Webhook服务器,该服务器可以接收HTTP请求,处理请求体,并发送响应。以下是一个简单的示例:fromflaskimportFlask,request,jsonifyapp=Flask(__name__)@app.route('/webhook',methods=['POST'])defwebhook():#获取请求体中的数......
  • Windows ObjectType Hook 之 OpenProcedure
    1、背景  ObjectTypeHook是基于ObjectType的一种深入的Hook,比起常用的SSDTHook更为深入。  有关ObjectType的分析见文章《Windows驱动开发学习记录-ObjectTypeHook之ObjectType结构相关分析》。  这里进行的Hook为其中之一的OpenProcedure。文章分两部......
  • python 飞书 获取飞书租户访问令牌 自定义机器人 向webhook_url发送POST请求
    importjsonimportrequestswebhook_url=post_data=#见应用凭证#获取飞书租户访问令牌,用于调用飞书开放平台的其他API接口#url:飞书开放平台的获取租户访问令牌的API接口地址url=r"https://open.feishu.cn/open-apis/auth/v3/tenant_access_token/internal/"r=......
  • 关于 Storefront Site Context 的概念介绍
    电商平台中Site模型的详细介绍在电商平台开发中,Site(网站)模型是一个至关重要的概念,它在内容管理系统(CMS)中扮演着关键角色。每个在CMS中定义的网站都拥有其自身的上下文,这个上下文包括基本网站ID、语言属性和货币属性。此外,上下文还定义了如何在URL中持久化这些属性。通过在spart......