父子组件通信方法.sync

子组件向父组件传参:

父组件
只要子组件发生变化就会调用handle函数触发,然后把handle这个函数的数据更新成自己的数据
methods:{
	handle(count){
		this.count=count
	}
}
子组件
methods:{
	get(){
	//触发自定义事件,把数据传递给父组件
		this.$emit('change',res.data)
	}
}

.sync数据修饰符

父组件向子组件传递数据
(方法一:)
父组件:
data(){
	return{
		count:0
	}
}
//v-bind强制绑定数据,子组件只能读取,不能修改,如果子组件想要修改父组件的数据,那可以在父组件中定义一个方法传递给子组件

methods:{
	updateCount(){
		this.count++
	}
}
子组件:

{{count}}

接收父组件的数据props:['count','updateCount'] 绑定事件时调用父组件传递过来的事件方法 (方法二) .sync父组件给子组件传递数据并传递操作数据的方法 父组件: 相当于:count=count @update.count="xxx" 子组件:

{{count}}

props:['count']

你可能感兴趣的:(父子组件通信方法.sync)