Le composant parent provide
fournit des données et le composant enfant / composant enfant-petit-enfant utilise les inject
données d'injection
Composant parent
<template>
<div>
<navbar></navbar>
</div>
</template>
<script>
import navbar from "../components/navbar";
export default {
components: {
navbar,
},
provide: {
title: "详情标题",
},
};
</script>
Sous-ensemble
<template>
<div>
<div>{
{ title }}</div>
<tab></tab>
</div>
</template>
<script>
import tab from "../components/tab";
export default {
components: {
tab,
},
inject: ["title"],
};
</script>
Composants descendants
<template>
<div>{
{ title }}</div>
</template>
<script>
export default {
inject: ["title"],
mounted() {
},
};
</script>