admin 管理员组

文章数量: 887006

什么是vue（生命周期）什么阶段（生命周期）才能访问操作dom？为什么

1.什么是生命周期

当new vue 时就会产生一个生命周期，生命周期就好比一个生命从出生到死亡，在vue中也是一样的，只不过vue中大致分为8个阶段，

beforeCreate(初始化前)

created（初始化后）

beforeMount（挂载前）

mounted（挂载后）

beforeUpdate（跟新前）

updated（跟新后）

beforeDestroy（销毁前）

destroyed （销毁后）

废话不多说直接上图

2.看完我再解释一遍 

beforeCreate这个阶段由于vue还在初始化，所以this.names是undefined

created这个阶段初始化后了已经已经可以拿到data里面的值了，但是dom节点拿不到哦

beforeMount这个阶段数据拿到了但是没有挂载到dom上去所以dom节点还是之前数据

mounted这个阶段数据数据已经挂载到dom上去了所以可以拿到节点

beforeUpdate这个阶段需要操作方法来调用，我这里用点击触发，这个时候数据其实改了，但是还

没有更新到dom上去

updated这个阶段修改的数据就更新上去了

beforeDestroy这个阶段销毁前，可以正常用

destroyed这个阶段，生命周期结束了啥也没了

3.什么阶段（生命周期）才能访问操作dom？为什么

当然是mounted这个阶段，因为数据已经挂载到dom上面了

本文标签： 什么是vue（生命周期）什么阶段（生命周期）才能访问操作dom为什么

版权声明：本文标题：什么是vue（生命周期）什么阶段（生命周期）才能访问操作dom？为什么 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1732351149h1533095.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。