15. 依赖注入provide、inject

于2023-10-09 17:28:04发布

案列

App.vue

<div id="app">
    <A />
  </div>

A.vue

<template>
    <div>
        <B />
    </div>
</template>
<script>
export default {
    provide: {
        msg: 'A的消息'
    }
}
</script>

B.vue

<template>
    <div>
        <C />
    </div>
</template>

C.vue

<template>
    <div>{{ msg }}</div>
</template>
<script>
export default {
    inject: ['msg']
}
</script>