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>

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

watch:{
         number(newData,prevData){  
            this.$emit('transferUser',this.number)
            }
        }

父组件拿到子组件的数据

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

给属性赋值

getnumber(res){
                this.number = res
                console.log(this.number)
            },