【无标题】

VUE3.0兄弟同级组件之间的传值

子组件1 page1.vue
子组件2 page2.vue
父组件 page.vue

page1.vue

          this.$emit('Tian_Qi',this.skycon)  //这里在需要传值过去的位置直接写这句代码

子组件1得到的动态值先传递给父组件page.vue
此处为父组件

 <component :is="componentName" ref="child1" :TianQi="TianQi"/> //这里是父组件加载子组件page1.vue 的地方通过 :TianQi="TianQi"进行传值
在方法内赋值
 GetTianQi(msg){
      //在父组件获取子组件的天气情况
      this.TianQi=msg   
    }

父组件得到以后再传递给子组件2 page2.vue
以下为子组件2 page2.vue

export default {
  name: "ThreeTest",
  props: ['TianQi'],//这里就是父组件传过来的值
  data() {},
  created() { 
      console.log("模型组件：",this.TianQi) 
  },
  }