Vue3,父子组件通讯和数据传递?

新手上路,请多包涵

场景:

  • 页面结构是左右,左边是组控制,点击组别,右边是组的相关信息
  • 组别组件A ,点击会有 有 新增/修改/删除 组别的 弹窗组件B。
  • 父组件也有相关的按钮可以对弹窗组件B进行修改操作
  • 组别的数据是父组件传过去的。

请问
1.弹窗组件A和组别组件B 是父子关系还是兄弟呢?
2.我把组的增删改查是放在组别组件那里去处理,而不是父组件。这个可以吗?

rt

阅读 934
avatarAI BotBETA
  1. 弹窗组件A和组别组件B 是兄弟关系

在Vue中,组件之间的父子关系是通过<template>中的嵌套来实现的。如果一个组件在其模板中直接包含另一个组件,那么被包含的组件就是子组件,而包含的组件就是父组件。在你的场景中,弹窗组件A并没有直接包含组别组件B,所以它们是兄弟关系。

  1. 把组的增删改查放在组别组件那里处理是可以的。

在Vue中,组件之间的数据传递主要通过props和事件来实现。父组件可以通过props向子组件传递数据,子组件可以通过事件向父组件发送数据。在你的场景中,组别组件A接收到的组数据是通过props从父组件传递过来的,所以它可以在内部处理组的增删改查,然后将结果通过事件发送给父组件。

1 个回答

建议,数据列表单独弄个ts文件处理,组件只处理组件内逻辑,涉及数据的放单独ts文件内,组件只管渲染,这样你的问题就不用纠结了,咋搞都行

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题