vue 组件生命周期执行顺序

vue 组件生命周期执行顺序

        • 加载时
        • 卸载时

for 循环 生成的组件无生命周期

加载时

	// 父组件
	beforeCreate() {}
  	created() {}
 	beforeMount() {}
 		// 子组件1 (按照再模板里出现的顺序)
 		beforeCreate() {}
	  	created() {}
	 	beforeMount() {}
		mounted() {}

		// 子组件2 
 		beforeCreate() {},
	  	created() {}
	 	beforeMount() {}
	 		// 孙组件
	 		beforeCreate() {}
		  	created() {}
		 	beforeMount() {}
		 	{
				...
			}
			mounted() {}
			...
		// 子组件2 
		mounted() {}
 		
	// 父组建
	mounted() {}

卸载时

	// 父组件
	beforeDestroy() {}

 		// 子组件1 (按照再模板里出现的顺序)
 		beforeDestroy() {}
	  	destroyed() {}

		// 子组件2 
 		beforeDestroy() {}
	  	destroyed() {}

	 		// 孙组件
 			beforeDestroy() {}
		 	{
				...
			}
			destroyed() {}
			...
		// 子组件2 
		destroyed() {}
 		

	// 父组建
	destroyed() {}

你可能感兴趣的:(vue 组件生命周期执行顺序)