好程序員web前端教程分享三大前端框架相關問題，三大前端框架，有沒有哪個框架的組件間交互像js的方法傳值一樣簡單？
首先框架組件通信是爲了方便組件模塊之間進行數據交互的，因爲框架的開發本就是組件化，模塊化開發，講一個完整的項目分割成不同的組件，view組件，功能組件等等，然後形成一個具有完整功能交互的page，前端三大主流框架無異於vue，react，angular，vue版本分爲1.0以及2.0，目前3.0版本正在開發中，react的開發版本無異於15以及16，angular的版本相對來說就比較多，angularjs也就是1，angular2、4、5、6、8等，除了angular1不是組件化開發外，其餘均是組件化開發，在不同版本中，組件通訊傳值亦是不一樣的。
在vue中，組件通訊分爲嵌套組件，父組件-子組件，子組件-父組件，以及兄弟組件通信，還有多組件集中數據共享。最爲常見的這幾種傳值中，父組件-子組件依賴於綁定屬性以及props屬性，子組件-父組件依賴於綁定事件，$emit以及回調函數，如果想要直接獲得當前父組件以及子組件可以藉助ref屬性，以及$parent來直接拿到父子對象，進行數據獲取。兄弟組件則完全依賴於$emit，$on兩個語法進行數據傳值。如果組件過多共享數據的情況下，便要使用vuex來進行集中管理。Vue中的通訊相對於js的通訊來說遵循了自己內部的語言規範。對於react框架來說，完全是class對象的開發，繼承react聲明組件語法對象、無論父子還是子父通訊，都完全依賴於組件對象上進行prop屬性的綁定，進行state數據傳遞，因爲在react中數據傳遞的載體就是prop以及state，所以組件通訊更加依賴於這兩個對象。對於多組件的數據集中管理，可以使用redux，flux等工具，流程化管理集中數據，更加方便組件數據的共享。對於angular來說1版本中基本不提供組件化開發，所有數據交互均通過scope對象橋接，在2版本以後，angular引入組件化開發，其父子組件通訊也完全依賴於angular提供的豐富的核心庫，藉助裝飾器input、output，eventemitter中emit方法以及屬性式指令配合來完成父子以及子父通訊。
總而言之，框架是基於js開發的，形成了自己內部的一種聲明規範，組件傳值也依賴於自己內部api規範來執行。都是對於js做了二次的封裝或者抽象。瞭解框架的api核心語言，組件傳值還是比較容易實現的。