uniapp父子组件之间传值

虽说是uniapp，但是实际上就是vue的父子组件之间传值，先来看下要实现什么

效果图：

父组件 index.vue：

子组件 swiper-tab-head:

总结：

1.在父组件引入子组件

2.父传子用props；子传父用$emit()，如上，子组件中的tabtap方法中this.$emit('tabtap',index);    //向父组件提交一个事件和值

其中，$emit中的'tabtap'（名字可以随便起），index是要传的值。这个方法在父组件中以@tabtap="tabtap"关联给父组件

的tabtap方法，然后这个父组件的tabtap方法就可以接收子组件传来的index（实现了子组件修改父组件index的目的）

父组件：

由于，这里用了同名tabtap，可能有点不好理解，这行代码@tabtap="tabtap"，左边的@tabtap是子组件的tabtap，右边的tabtap是父组件的tabtap；意思是指定父组件的某个方法（tabtap）来接收处理子组件传过来的事件(也叫tabtap)和值。

修改一下名字就好理解了：

子组件：

父组件：