uniapp-子组件改变父组件的值

方法1：事件传递

父组件代码

<template>
	<view>
		<view class="old-word">{
  {number}}</view>
		<!--步骤二：将函数以自定义事件的形式传递给子组件-->
		<test-box @sonMethod="addnumber()"></test-box>
	</view>
</template>

<script>
	/*引入子组件*/
	import testBox from "@/pages/property/components/test-bot.vue"
	export default {
		/*注册子组件*/
		components: {
			testBox
		},
		data() {
			return {
				number: -1
			}
		},
		onLoad() {

		},
		methods: {
			/*步骤一：在父组件中定义一个函数用于改变number的值*/
			addnumber() {
				console.log("已触发")
				this.number = this.number + 1
			}
		}
	}
</script>

<style lang="scss" scoped>
	.old-word {
		width: 100%;
		padding-top: 100rpx;
		text-align: center;
		font-size: 32rpx;
		color: #666666;
		font-weight: 700;
	}
</style>

子组件代码