Vue 组件传值

90 阅读1分钟

父传子

在父组件中 引入子组件时 绑定自定义属性:例如:leftData 

然后 在子组件中 通过props 接收 传递过来的属性 leftData


最后 在父组件中 将想要传递的值 赋值给这个自定义属性 就行

例如:this.leftData = data;


父传子 也可以在事件中 利用  $nextTick

父组件中 触发 子组件中的 事件   一般为 子组件初始化事件(弹框 形式弹出子组件 逻辑中 比较常见)

然后 在子组件中  直接在 事件中接收




子传父

在父组件中 引入子组件时 绑定自定义事件:例如:fromMainTop