Vue父子组件声明周期

 记录下,避免忘了,还要做

 




	
	Vue
	
	
	


	
{{ msg }}

Vue父子组件声明周期_第1张图片

 这是按照渲染顺序console的结果,然后点击span后显示的结果。

结论:

先初始化父组件的数据,在初始化子组件的数据。

加载是相反的,先加载父组件,在加载子组件。

watch优先于update。

beforeUpdate是子组件优先,update是父组件优先。

总而言之,处理数据是子组件优先,加载到dom是父组件优先。

 

你可能感兴趣的:(javascript,vue,生命周期)