526互联

vue2跨级组件传值

发布时间 2023-11-27 09:13:16作者: adong搬砖
//祖先组件
import Son from './Son'
export default {
  components: {
    Son
  },
  provide () {
    return {
      money: 1000000000
    }
  }
}
子孙组件
<template>
  <div>
    孙子组件
    <p>这个是爷爷传给我的钱：{{ money }}</p>
  </div>
</template>

<script>
export default {
  inject: ['money']
}
</script>