知识点：props的传递是异步的

props的传递是异步的

目标

理解props的传递是异步的

问题

// 父组件
<son ref="refSon" :id="num" />
<button @click="changeID">修改id</button>
data() {
  return {
    num: 1
  }
}
methods: {
	changeID(){
		this.num = 2 
		console.log(this.$refs.refSon.id) // 1
	}	
}
//子组件

props: ['id']

小结

父传子时，props的传值过程是异步的。如果需要获取同步之后的最新的props数据，要使用$nextTick()