如果你在使用Vue開發網頁或應用程序，你可能會遇到需要從父級頁面獲取數據的情況。這在很多情況下都是很常見的需求，比如說你可能需要在一個子頁面中展示與父頁面相關的信息。

在Vue中，獲取父頁面的數據有幾種方法。其中一種是通過props將數據傳遞給子組件。但是如果需要從父級頁面獲取數據，則可以使用provide/inject API。

// 父級組件中
export default {
data() {
return {
parentMsg: '這是父組件中的消息'
}
},
provide() {
return {
getParentData: this.getParentData
}
},
methods: {
getParentData() {
return this.parentMsg
}
}
}

在上面的代碼中，我們首先定義了一個名為parentMsg的數據，它存儲了父組件中的消息。然后，我們使用provide函數將getParentData方法提供給子組件。這個方法將返回parentMsg的值。

// 子組件中
export default {
inject: ['getParentData'],
mounted() {
console.log(this.getParentData())
}
}

在子組件中，我們使用inject函數來獲取父級頁面提供的數據。這里我們將getParentData方法注入到子組件的選項中。在mounted方法中，我們使用console.log輸出從父級頁面獲取到的數據。我們可以看到在控制臺中輸出了“這是父組件中的消息”。

如果你需要從父級頁面獲取數據，provide/inject API是一個非常好的選擇。通過這種方式，我們可以方便地將數據傳遞給子組件，同時也可以保持組件之間的解耦。