Vue组件之间是如何传值的

传值方式

Vue 组件间通信六种方式

1、父子组件的通信props、$emit

① 父=>子（在子组件设置props传值）

② 子=>父（在子组件通过时间的形式$emit）

子组件


父组件

2、兄弟组件进行传值——$ emit/ $on

3 、ref

vuex

摘自该文的vuex部分

vuex用于组件之间的传值。

ref

通过ref拿到组件对象，从而得到组件中的所有值

我项目中用到过的传值方式

结合elenment-ui进行传值

• 印象比较深刻的是弹出dialog 里边会有一个表单（比如说修改用户，点击修改按钮，会弹出dialog，弹出框里面有一个表单，表单中有用户的组件 里面传过来的值——用户的基本信息），因此一般是一个table表格传值给一个dialog

• 像如果传入一个table表格，获取所有table数据，然后通过el-ui的table组件的prop性质——渲染出每一列的（这个不算组件之间的传值）

element-ui使用作用域插槽的使用——结合具体代码案例