子数据传父页面--$emit

在自定义组件中,一般都是通过父页面向子页面传值,我们想要子数据传父页面的话就需要使用到emit 的触发事件了

1.直接传输值

上面为子页面传值,父页面使用方法去定义函数,在通过函数去接收值;

这样在父页面点击子页面的按钮就可以输出子页面传过来的值了,这个传的值也是可以通过计算的比如:

也可以和对象进行使用比如当前时间

或者随机数,当然随机数,当然也是可以和之前一样设置颜色:

2.函数传输;

使用函数传送就是设置一个事件,再到函数外定义一个数组然后使用 他特定的方法: defineEmits() ,在从数组中取出传给父页面的名称与值就好了;