computed parent是Vue.js框架中非常重要的概念之一。它允許我們?cè)赩ue組件中通過(guò)計(jì)算屬性來(lái)訪問(wèn)其父組件中的屬性值。這對(duì)于父子組件之間的通信非常有用。

假設(shè)我們有一個(gè)父組件和一個(gè)子組件。父組件有一個(gè)屬性叫parentProp，我們希望在子組件中訪問(wèn)這個(gè)屬性。我們可以通過(guò)computed parent來(lái)實(shí)現(xiàn)：

/* Parent Component */
<template>
<div>
<ChildComponent />
</div>
</template>
<script>
export default {
data() {
return {
parentProp: 'Hello, I am the parent!'
}
}
}
</script>
/* Child Component */
<template>
<div>
<p>{{ parentPropFromComputed }}

在這里，我們?cè)谧咏M件中定義一個(gè)計(jì)算屬性parentPropFromComputed，并返回其父組件的parentProp屬性。子組件現(xiàn)在可以像使用本地屬性一樣使用parentPropFromComputed了。這是一種簡(jiǎn)單而方便的方法，幫助我們實(shí)現(xiàn)父子組件間的通信。