Vue2 父子組件的通信方式 - daniel-qa/Vue GitHub Wiki

Vue2 父子組件的通信方式

在 Vue 2 中，父子組件之間的通信主要有以下幾種方式：

• 1 .Props 向下傳遞：父組件通過 props 向子組件傳遞數據

• 2 .事件向上傳遞：子組件通過 $emit 觸發事件，父組件監聽這些事件

• 3 .Vuex 全局狀態管理：用於跨組件共享數據

• 4 .EventBus：用於非父子組件之間的通信

• 5 .$refs：父組件直接訪問子組件的方法和屬性

在這個例子中，@importFinish="onImportFinish" 使用的是第 2 種方式，即事件向上傳遞的模式，這是 Vue 中最常見的父子組件通信方式之一。