救救孩子,实在不能理解vue的生命周期

我知道生命周期是指vue从创建到销毁的过程,但是具体如何理解这个概念呢?看了很多文字解释不能理解。

不用去理解,知道有什么用就行了,好读书不求甚解,记下有这个东西,真的用到再来看自然理解了。
其实就是生命周期会按次序执行其他楼他们图中发的函数,你想在某个函数里执行额外的事情写就行了,比如数据请求之类的。

生命周期 通俗的讲 就是一个组件 从孕育(beforeMounted) 到 组件出生(创建 mounted), 再到 成长(更新阶段 beforeUpdate,update),最后到 死亡(也就是销毁阶段,destory,beforeDestory).

每个组件都要经历这个过程 ,就像人和动物,所以叫生命周期 ,周期性的

这是我的理解

Vue生命周期_wade3po的博客-CSDN博客 Vue在GitHub上面的star数量已经超过了react,虽然npm包下载的数量还没有react多,但是Vue上升的势头真的很猛。Vue生命周期2.0和1.0差别还是有一点的,生命周期的博客文章百度也是很多,今天我简单提一下生命周期,然后说一下一些可能比较没人注意的点。先上Vue官网的生命周期图片:先罗列出生命周期然后一个一个讲解beforeCreatecreatedbeforeM... https://blog.csdn.net/wade3po/article/details/86749334?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164445703916780366595496%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164445703916780366595496&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-86749334.nonecase&utm_term=vue%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F&spm=1018.2226.3001.4450

很早很早之前写的,看一看能不能理解

常用的就是mounted和created。created这个是在进入页面加载前去调用方法渲染页面。mounted是在有dom情况下调用渲染。

img


img

img


对于你这个问题可以参考如下链接:

如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!

img

img


本质上就是八个生命周期钩子
beforeCreate & created
beforeMount & mounted(挂载)
beforeUpdate & updated
beforeDestroy & destroy(销毁)

会用mounted和created就行了

尚硅谷的Vue2教程建议去看看