vue3 孙子向祖父传值

在Vue3中，孙子组件向祖父组件传值可以通过inject和provide来实现。首先，在祖父组件中使用provide将需要传递给孙子组件的值传递给一个provide变量，如下所示：

// 爷爷组件
import { provide } from 'vue'

export default {
  name: 'GrandFather',
  setup() {
    const moneyInfo = '3000'
    provide('moneyInfo', moneyInfo)
  }
}

然后，在孙子组件中使用inject来接收祖父组件传递的值，如下所示：

// 孙子组件
import { inject } from 'vue'

export default {
  name: 'GrandSon',
  setup() {
    const moneyInfo = inject('moneyInfo')
    return {
      moneyInfo
    }
  }
}

现在，孙子组件就可以通过inject获取到祖父组件传递的值了。