vue3笔记6 跨级组件通信

• 上级组件

代码语言：javascript复制

setup() {
  let person = reactive({
    name: 'zhoudd',
    age: 18
  })
  // 给下级组件提供数据
  provide('person', person)
},

• 下级组件

代码语言：javascript复制

setup() {
  // 从上级组件注入数据
  let person = inject('person')
  return {
    person
  }
}

vue3 笔记

0 人点赞