Vue中的通信傳值

1.父組件向子組件傳值通信

Ⅰ.props:進行數據的傳遞，適合胡子語法直接渲染頁面，應用場景→面包屑、文章標題、內容...

傳送門https://cn.vuejs.org/v2/guide/components.html

image

Ⅱ.$ref:可以在父組件調用子組件里的屬性和方法，應用場景→目前遇到過需要在markdown編輯器組件的事件里獲取父組件的數據

image

2.子組件向父組件傳值通信

傳送門
https://cn.vuejs.org/v2/guide/components.html#%E4%BD%BF%E7%94%A8%E4%BA%8B%E4%BB%B6%E6%8A%9B%E5%87%BA%E4%B8%80%E4%B8%AA%E5%80%BC
注意：個人理解嵌套路由也算是子組件

image

本文同步發表在我的個人博客：https://www.lubaojun.com/