父组件变量传给子组件，子组件$emit 触发父组件的方法修改父组件的变量，但是父组件的值变了，子组件的值没有改变

父组件：

<div>
	// 子组件
	<son :status.sync="status"/>
</div>

<script>
export default {
	data(){
		return{
			status:false
		}
	}
}
</script>

子组件：

<div @click="change"></div>
<script>
export default {
props:{
	status: {
      type: Boolean,
      default: false
    }
}
methods:{
	change(){
		console.log(this.status, 1)  // false
		this.$emit('update:status', true)
		console.log(this.status, 2)  // false
	}
}
}
</script>

存在上面问题，$emit 触发后 值还是没有变化的

原因： $emit传给父组件后，不能立马传给子组件，这中间存在一个异步的问题，所以 加一个setTimeout为0，解决这个异步问题

	change(){
		console.log(this.status, 1)  // false
		this.$emit('update:status', true)
		setTimeout(() => {
       		console.log(this.status, 2)  // true
     	}, 0)
	}