Vue3 setup 执行时机和 参数

news/2025/1/9 16:33:44/文章来源:https://www.cnblogs.com/wt7018/p/18662415

一、执行时机

在beforecreate生命周期函数前执行一次,且this为undefined

二、setup参数

1、props:值为对象,组件外部传递过来,且组件内部通过props:[]接受的值

a、外部组件传递

<Demon msg="Hello" :num="10"/>

b、且内部组件接受

export default {name:'Demon',// 接收 外部组件传递过来的值props:['msg', 'num'],setup(props, context){console.log(props.num)const person = reactive({name: 'jojo',age: 8,})return {person,}},
}

2、context

a、attr

值为对象,外部组件传递过来的值且没有被本组件的porps:[] 属性声明接收

格式

console.log(context.attrs)

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/866617.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

BAPI

预制发票:BAPI_INCOMINGINVOICE_PARKDATA: ls_header TYPE bapi_incinv_create_header,lt_itemdata TYPE TABLE OF bapi_incinv_create_item,ls_itemdata TYPE bapi_incinv_create_item,lt_taxdata TYPE TABLE OF bapi_incinv_create_tax,ls_taxdata TYPE bapi_…

车云远程诊断系统 - DRS

INTEWORK-DRS(Diagnostic Remote-Service System)是由经纬恒润自主研发的一款基于车云远程的诊断解决方案产品,具备整车级或单ECU级的如参数读写、故障读清、例程标定、动作测试和程序升级等传统常见诊断功能,并且支持基于云任务的车端主动诊断如车辆故障主动预警、关键数据…

Kubernetes集群运维生产常见问题解析与解决方案

前言:在Kubernetes集群的日常运维工作中,我们难免会遇到各种各样的问题。这些问题可能涉及到集群的部署、配置、监控、性能优化等多个方面。为了解决这些问题,我们需要不断地学习和积累经验。在这里,我打算收集并整理一些网友曾经提出的问题,并提供相应的解析和解决方案,…

Vue-i18n 多语言中包含特殊字符出现异常Message compilation error: Invalid linked format

异常: 解决方法 方式一: 翻译文件中,将含有特殊字符的字符串使用“”双引号包裹,特殊字符外加花括号{},且用单引号包裹,如“{‘@’}”Message:"也可以通过使用最新版xxxx{@}xxxx扫描右侧二维码获取"方式二: 使用占位符Message:"也可以通过使用最新版xxxx…

使用docker部署的禅道怎么升级

参考 https://www.zentao.net/book/zentaopms/586.html备份数据 本次升级使用的是pvc挂载的禅道数据,使用docker启动的也是一样的 数据是挂载在nfs动态存储盘,进入到pvc目录备份一份即可 为以防万一MySQL数据也是有mysqldump备份一份 使用新镜像启动 修改启动镜像,把镜像从原…

CDS标准视图:催款冻结描述 I_DunningBlockingReasonText

视图名称:催款冻结描述 I_DunningBlockingReasonText 视图类型:基础视图 视图代码:点击查看代码 @EndUserText.label: Dunning Blocking Reason - Text @Analytics.dataExtraction.enabled: true @VDM.viewType: #BASIC @AbapCatalog.sqlViewName: IFIDUNBLREASONT @AbapCat…

六层PCB板是怎么拼出来的?

转载----工程师看海 2021-12-25 08:01 本篇文章主要分享六层PCB板是怎么拼出来的,目录和结构如下: 1. 前言 2. PCB基础框架 3. PCB材料组成 4. PCB叠层设计 5. PCB阻抗计算 整篇文章阅读预计10分钟。 1.前言 求职面试时,大多数人都会在一个问题上纠结:去大公司还是小公司?这…

产品经理必看——产品开发中如何解决任务划分不清?

在产品开发过程中,尤其是敏捷开发模式下,团队通常需要面对多个迭代和版本的开发任务。每个迭代都涉及需求分析、任务分配、开发、测试和发布等多个环节,这对团队的沟通效率和协作能力提出了极高的要求。然而,传统的沟通方式(如邮件、会议)往往难以应对快速迭代的需求,容…

CDS标准视图:催款范围描述 I_DunningAreaText

视图名称:催款范围描述 I_DunningAreaText 视图类型: 视图代码:点击查看代码 @EndUserText.label: Dunning Area - Text @Analytics.dataExtraction.enabled: true @VDM.viewType: #BASIC @AbapCatalog.sqlViewName: IFIDUNAREATEXT @AbapCatalog.preserveKey:true @AbapCat…

深度剖析淘宝 API:《从接入到实战的全流程技术指南》

淘宝详情接口是淘宝开放平台提供的一种API接口,用于获取商品详细信息。 通过调用该接口,可以获取商品的标题、价格、图片、描述、规格等详细信息,帮助卖家和买家更好地了解商品情况。目录淘宝详情接口概述商品信息获取与展示用户体验优化与转化率提升数据监控、分析与优化调…

CDS标准视图:催款范围 I_DunningArea

视图名称:催款范围 I_DunningArea 视图类型:基础 视图代码:点击查看代码 @AccessControl.authorizationCheck: #CHECK //authority check is wrong, for compatibility reasons DCL remains but is always true @EndUserText.label: Dunning Area @Analytics: { dataCatego…

使用一条命令扫描CORS漏洞

命令 使用前请安装如下程序,kali中请指定httpx位置(例如:/root/Desktop/httpx)。 assetfinder httpx rush assetfinder fitbit.com | httpx -threads 300 -follow-redirects -silent | rush -j200 curl -m5 -s -I -H "Origin: evil.com" {} | [[ $(grep -c "…