Vue传值方式

父传子

1.1父组件准备数据

 

 

 1.2给子组件注册定义属性

 

 

 1.3子组件用props接收数据

 

 注意:这里我监听了 父组件的值

子传父

2.1:子组件准备数据

this.cstcde和thi.danme已经在子组件data中定义好了

2.2:子组件需要触发自定义事件,触发事件传递参数

confirm就是定义的事件,然后使用this.$emit传递参数

2.3:父组件接收数据,父组件需要给子组件注册一个自定义事件.父组件提供方法

 这里给子组件注册了自定义的事件 @open= "handleMerchan"

特别提醒!!! 在这里@open一定要和this.$emit中的第一个参数要一样!!!!

本人踩过坑

2.4:父组件可以通过提供的方法获取数据 

 父组件给子组件注册的自定义事件可以接收子组件传递的数据

 cstcde,danme就是子组件传给父组件的值!

非父子

路由传值