VUE的生命周期和方法

vue生命周期可以分为八个:

beforeCreate(创建前)

created(创建后)

beforeMount(载入前)

mounted(载入后)

beforeUpdate(更新前)

updated(更新后)

beforeDestroy(销毁前)

destroyed(销毁后)

1,创建前(beforeCreate)

实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性


2,创建后(created)

在这个阶段vue实例已经创建,仍然不能获取DOM元素。


3,载入前(beforeMount)

此时已经完成了模板的编译,但是还没有挂载到页面中


4,载入后(mounted)

mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。此时,已经将编译好的模板,挂载到了页面指定的容器中显示。


5,更新前(beforeUpdate)

状态更新之前执行此函数, 此时 data 中的状态值是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染DOM节点


6,更新后(updated)

实例更新完毕之后调用此函数, DOM会和更改过的内容同步然后界面重新渲染 。


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值