vue生命周期(1)

生命周期是vue实例从创建到销毁的整个过程

生命周期有:

1.创建前后:beforeCreate --- created

2.挂载前后:beforeMount --- Mounted

3.更新前后:beforeUpdate --- updated

4.销毁前后:beforeDestory --- destoryed

5.errorCapture:捕捉子组件错误时调用

6配合Keep-alive使用:

   (1).activated:组件激活时调用

   (2).deactivated:组件停用时调用

创建前后是实例的创建,在创建之后(created)开始可以获取data内的数据

挂载前后是dom挂载,在挂载后(Mounted)开始可以获取dom元素

生命周期注重的是中间的过程

生命周期函数通常做的事情:

1.beforeCreate:修改页面的title,页面加载的进度条

 2.created:发送网络请求

 3.Mounted:同created一样也是发送网络请求

 4.beforeUpdate --- updated:视图的更新

 5.beforeDestory --- destoryed:

      (1)清除定时任务,(使用:setTimeout,setInterval)

      (2)移除监听 (使用:removeEventLinster ,this.$bus.$off)

如果非要在created内获取dom元素:

     1.promise写法:

           this.$nexTick( ).then(res=>{ })

      2.回调函数写法:

           this.$nexTick( ( ) =>{ })

errorCapture:捕捉子组件错误,有三大参数:

1.错误的信息    2.错误的组件   3.错误的位置

可以返回值:如果返回true,错误向外暴露,如果返货false,错误会隐藏

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值