vue子组件向父组件进行传值(附带案例)

子组件代码

<view class="jishu">
            <text  @click="jian" style="border-right:solid 1upx #303133;">-</text>
            <text>{{number}}</text>
            <text style="border-left:solid 1upx #303133;" @click="jia">+</text>
</view>

监听数据变化在父组件拿到

1 watch:{
2          number(newData,prevData){  
3             this.$emit('transferUser',this.number)
4             }
5         }

父组件拿到子组件的数据

1 <jiajin @transferUser="getnumber"></jiajin>

给属性赋值

1 getnumber(res){
2                 this.number = res
3                 console.log(this.number)
4             },