vue中created和mounted的区别

水深无声 2023-06-23 12:52 127阅读 0赞

[https://www.jianshu.com/p/2360bc909614][https_www.jianshu.com_p_2360bc909614]

先看一下vue官网给出的生命周期图

![format_png][]

**官方的解释是：**

![format_png 1][]

![format_png 2][]

**可以看出：**

*  created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
 *  mounted：在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

作者：\_源稚生  
链接：https://www.jianshu.com/p/2360bc909614  
来源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

[https_www.jianshu.com_p_2360bc909614]: https://www.jianshu.com/p/2360bc909614
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8zMTY1OTc0LTYzMjJjMDY4NjNlNjA0MzIucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8zMTY1OTc0LWQ5YjVjMTcxMWExYzNlYWUucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTAwNC9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8zMTY1OTc0LWJmN2EzZTQ4MmQ1MTU1YWIucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTA5NC9mb3JtYXQvd2VicA?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中created和mounted详解

> 目录 > > 一、生命周期概念 > > 二、浏览器渲染过程 > > 三、生命周期中的浏览器渲染 > > beforeCreate阶段 > > created阶段

绝地灬酷狼/ 2024年03月27日 13:35/ 0 赞/ 84 阅读

相关 vue中created和mounted的区别

[https://www.jianshu.com/p/2360bc909614][https_www.jianshu.com_p_2360bc909614] 先看一下v

水深无声/ 2023年06月23日 12:52/ 0 赞/ 128 阅读

相关 Vue钩子函数中created和mounted区别，各种钩子函数介绍

created：还没开始挂载，模板还没有被渲染成dom，也就是这时候通过id什么的去查找页面元素是找不到的，但是可以完成以下配置：数据观测 (data observer)，属性

阳光穿透心脏的1/2处/ 2022年12月20日 02:08/ 0 赞/ 185 阅读

相关 Vue生命周期中mounted和created的区别

虽然也在用，也看了很多次。还是比较模糊 created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，

朴灿烈づ我的快乐病毒、/ 2022年11月21日 01:25/ 0 赞/ 155 阅读

相关 VUE生命周期中created和mounted

一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的

Myth丶恋晨/ 2022年11月18日 05:51/ 0 赞/ 134 阅读

相关 Vue生命周期中mounted和created的区别

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的d

落日映苍穹つ/ 2022年09月10日 06:11/ 0 赞/ 174 阅读

相关关于Vue实例的生命周期created和mounted的区别

什么是生命周期 > Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通

旧城等待，/ 2022年03月30日 17:07/ 0 赞/ 166 阅读

相关关于Vue实例的生命周期created和mounted的区别

转载至:[https://segmentfault.com/a/1190000008570622][https_segmentfault.com_a_1190000008570

墨蓝/ 2022年03月15日 00:40/ 0 赞/ 174 阅读

相关 vue中 created 和 mounted 钩子的区别

1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。首先来看下官方解释，官方解释说cr

缺乏、安全感/ 2022年02月04日 06:23/ 0 赞/ 308 阅读

相关 Vue中mounted和created的区别

Vue中mounted和created的区别一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上...

朱雀/ 2020年07月02日 07:32/ 0 赞/ 898 阅读