vue组件生命周期

vue组件生命周期

• 需要频繁的创建和销毁组件
  • 比如页面中部分内容显示与隐藏，但是用的是v-if
• 组件缓存
  • 内置组件中
  • 被其包裹的组件，在v-if=false的时候，不会销毁，而是停用
  • v-if=“true” 不会创建,而是激活
  • 避免频繁创建组件对象的性能损耗
• 成对比较
  • created 和 beforeCreate
    • A 可以操作数据 B 数据没有初始化
  • mounted 和 beforeMount
    • A 可以操作DOM B 还未生成DOM
  • updated 和 beforeUpdate
    • A 可以获取最终数据 B 可以二次修改
  • 频繁销毁创建的组件使用内置组件包裹

activated(){  //激活的 keep-alive v-if="true"
		console.log('activated')
	},
	deactivated(){  //停用的 keep-alive v-if="false"
		console.log('deactivated')
	},
	beforeDestroy(){ //销毁前 v-if="false"
		console.log('beforeDestroy')
	},
	destroyed(){//销毁后 v-if="false"
		console.log('destroyed')
	},