对于vue $on $emit进行子至父组件传值的简单介绍

1、首先我想着实现的效果是点击下面button按钮,则上面增加2

点击前 点击后增加2

2、然后在父组件(day.vue)中的子组件中定义事件 v-on:up='upFn' 如下图

父组件day.vue

子组件中如下图 (test.vue)

子组件test.vue

每次点击子组件中的button时 通过子组件中的$emit触发父组件中的自定义事件up,

$emit中第一个参数接受v-on自定义事件名称，第二个参数是子组件向父组件中传递的参数，可以为data里的参数，如上例用this.mb标识。

子组件中传递的参数直接在父组件中upFn中接收，即可实现子至父组件信息的传递。

如想了解父至子组件信息的传递请参考我以前写的随笔。https://www.jianshu.com/p/e58fda82a6d5