親コンポーネントprovide
はデータを提供し、子コンポーネント/子-孫コンポーネントはinject
インジェクションデータを使用します
親コンポーネント
<template>
<div>
<navbar></navbar>
</div>
</template>
<script>
import navbar from "../components/navbar";
export default {
components: {
navbar,
},
provide: {
title: "详情标题",
},
};
</script>
サブアセンブリ
<template>
<div>
<div>{
{ title }}</div>
<tab></tab>
</div>
</template>
<script>
import tab from "../components/tab";
export default {
components: {
tab,
},
inject: ["title"],
};
</script>
子孫コンポーネント
<template>
<div>{
{ title }}</div>
</template>
<script>
export default {
inject: ["title"],
mounted() {
},
};
</script>