一個代碼倉庫，理解 Vue 項目中組件之間的通訊

父組件傳給子組件：

一、props 方式：
父組件經過 Prop 向子組件傳遞數據（推薦使用）
項目中訪問路由：http://localhost:8080/parent_to_child/props

二、slot 方式：
父組件經過 v-slot 設置值，子組件經過帶 name 的 slot 接收值（推薦使用）
項目中訪問路由：http://localhost:8080/parent_to_child/slot

三、refs 方式：
父組件經過 ref 設置子組件的值（能夠使用）
項目中訪問路由：http://localhost:8080/parent_to_child/refs

四、$children 方式：
父組件經過 $children 設置子組件的值（$children 並不保證順序，開發者不該該依賴子組件的順序，也不是響應式的）（節制使用）
項目中訪問路由：http://localhost:8080/parent_to_child/children

子組件傳給父組件：

一、自定義事件方式：
父組件經過 v-on 監聽子組件的事件，而後父組件使用子組件觸發事件拋出的值（本例中，值是一個1到100以內的隨機數）
項目中訪問路由：http://localhost:8080/child_to_parent/v-on_emit

二、子組件直接修改父組件傳來的 prop
子組件能夠直接修改父組件傳來的引用類型 prop；子組件直接修改接收的基本類型 prop，會報錯（若是必定要這樣作，以 update:myPropName 的模式觸發事件實現，即.sync 修飾符方式）
項目中訪問路由：http://localhost:8080/child_to_parent/child_component_change_prop

三、.sync 修飾符 方式：
子組件修改父組件傳來的 prop，而後 emit 一個 update 事件，父組件監聽該事件並更新本身的 prop（是自定義事件的語法糖）
項目中訪問路由：http://localhost:8080/child_to_parent/sync_emit_update

四、$parent 方式：
子組件經過 $parent 設置父組件的值（節制使用）
項目中訪問路由： http://localhost:8080/child_to_parent/parent

github 倉庫地址： https://github.com/cag2050/co...