應該優先通過 prop 和事件進行父子組件之間的通信，而不是?`this.$parent`?或改變 prop。 一個理想的 Vue 應用是 prop 向下傳遞，事件向上傳遞的。遵循這一約定會讓你的組件更易于理解。然而，在一些邊界情況下 prop 的變更或?`this.$parent`?能夠簡化兩個深度耦合的組件。 問題在于，這種做法在很多*簡單*的場景下可能會更方便。但請當心，不要為了一時方便 (少寫代碼) 而犧牲數據流向的簡潔性 (易于理解)。 ``` 好例子 Vue.component('TodoItem', { props: { todo: { type: Object, required: true } }, template: ` <input :value="todo.text" @input="$emit('input', $event.target.value)" > ` }) Vue.component('TodoItem', { props: { todo: { type: Object, required: true } }, template: ` <span> {{ todo.text }} <button @click="$emit('delete')"> X </button> </span> ` }) ```