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/