VUE的生命周期有哪几阶段?Vue都有哪些钩子函数?为什么叫钩子函数?组件切换时会调用的钩子函数是?页面刚打开要线束数据在哪里发请求?

VUE生命周期函数

	声明周期函数指,在某一时刻会自动执行的函数。(声明周期函数也叫钩子函数)
	vue组件(对象)从创建到(初次)显示在用户眼前:经历了 
		beforeCreate,created,beforeMount,mounted
	vue对象生命周期有四个阶段和八个钩子函数:
	一、数据挂载阶段
	   !!!核心:把传入的data属性的内容(data配置项),赋给vue对象。
	   即:把形参中data的属性赋给vue对象。
	1.  beforeCreate( )
		在初始化实例创建之前执行的函数
	2.  Created( )
		在初始化实例创建 之后执行的函数
	二、模板渲染阶段
		!!!核心:把vue对象中data渲染到dom对象上(模板上,视图上)
	3.  beforeMount( )
		在组件内容被渲染到页面之前自动执行的函数
		注意:此时无法找到任何模板DOM节点
	4.  Mounted( )
		在组件内容被渲染到页面之后自动执行的函数
	三、组件(模板)更新阶段
		!!!核心:当数据(必须是在模板上使用的数据)发生变化时,
		会触发组件的更新,组件会重新渲染。
	5.  beforeUpdate(  )
		在数据将要变化之前自动执行的函数
	6.  updated(  )
		在数据发生变化之后自动执行的函数
	四、组件销毁阶段
	7. beforeDestroy(  )
		在VUE实例销毁之前自动执行的函数
	8.  destroyed(  )
		在VUE实例销毁之后自动执行的函数
如果组件在<keep-alive></keep-alive>缓存的话((可以提高性能,组件不会被销毁))
组件切换时,会调用的钩子函数是:activated 和 deactivated
为什么叫钩子函数:和回调函数是同样的道理,
只不过钩子函数更多会强调(函数调用的)时机。
1、如果一打开组件,就需要显示数据,那么请求,应该在哪个钩子函数里写?为什么?	
    created,
    因为,一般来说,后端返回来的数据需要赋给vue对象的属性(this.属性名),
    在created里是最早能够拿到vue对象属性的。
    如果在beforeMount和mounted里就有点晚了。
2、如果组件在keep-alive里,而且有定时器(比如:轮播图),
   在deactivated时,可以停止定时器。

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值