页面子组件太多时数据传递

最新推荐文章于 2023-07-28 21:29:35 发布

Dorcas_FE

最新推荐文章于 2023-07-28 21:29:35 发布

阅读量131

点赞数

分类专栏： vue 文章标签：经验分享

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Dorcas_FE/article/details/128930091

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

父组件向子组件传递数据时，推荐使用provide Inject.
-如果使用props当层级多层时不好传递，
-使用bus时，如果是父组件向子组件传递，由于父子生命周期，子组件bus.on必须在父组件bus.emit前执行所以父组件只能mounted生命周期写入，但是子组件过多父组件的mounted时机势必会慢，所以不推荐bus，且on还涉及解绑。

背景：父组件调用接口获取必要参数，传递给子组件用于各组件页面调用接口展示

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面子组件太多时数据传递

父组件向子组件传递数据时，推荐使用provide Inject.-如果使用props当层级多层时不好传递，-使用bus时，如果是父组件向子组件传递，由于父子生命周期，子组件bus.on必须在父组件bus.emit前执行所以父组件只能mounted生命周期写入，但是子组件过多父组件的mounted时机势必会慢，所以不推荐bus，且on还涉及解绑。背景：父组件调用接口获取必要参数，传递给子组件用于各组件页面调用接口展示
复制链接

扫一扫

专栏目录

Dorcas_FE CSDN认证博客专家 CSDN认证企业博客

码龄5年

21: 原创

109万+: 周排名

207万+: 总排名

2万+: 访问

: 等级

385: 积分

5: 粉丝

8: 获赞

6: 评论

22: 收藏

私信

关注

热门文章

分类专栏

笔记 8篇
vue 5篇
面试
报错 1篇
js 3篇
css
TypeScript
H5 1篇

最新评论

npm 下载包 error：CERT_HAS_EXPIRED
CSDN-Ada助手: Vue入门技能树或许可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue
vue3.0 element-plus弹窗样式穿透
qq_45873476: scoped
vue3.0 element-plus弹窗样式穿透
程先生哈: 我试了下楼主的样式不太行，我这样就可以了~ [code=javascript] <el-dialog class="watchElDialog" :append-to-body="true"></el-dialog> <style lang="scss" scope> // 原来的样式 </style> <style lang="scss"> // 单独的样式 .watchElDialog{ .el-dialog__footer { //新的样式 text-align: center; } } </style> [/code]
vue3.0 element-plus弹窗样式穿透
程先生哈: [code=javascript] <el-dialog class="watchElDialog" :append-to-body="true"></el-dialog> <style lang="scss" scope> // 原来的样式 </style> <style lang="scss"> // 单独的样式 .watchElDialog{ .el-dialog__footer { text-align: center; } } </style> [/code]
vue3.0 element-plus弹窗样式穿透
程先生哈: [code=javascript] <el-dialog class="watchElDialog" :append-to-body="true"></el-dialog> <style lang="scss" scope> // 原来的样式 </style> <style lang="scss"> // 单独的样式 .watchElDialog{ .el-dialog__footer { text-align: center; } } </style> [/code]

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。