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)
            },