美文网首页
Vue生命周期中mounted和created的区别

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

作者: cheesepear | 来源:发表于2020-12-19 20:56 被阅读0次

一、什么是生命周期?
用通俗的语言来说,就是 Vue中实例或者组件从创建到消灭中间经过的一系列过程。
二、created和mounted区别?
created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。
其实两者比较好理解,通常created使用的次数多,而mounted通常是在一些插件的使用或者组件的使用中进行操作。

在created的时候,视图中的html并没有渲染出来,所以此时如果直接去操作html的dom节点,一定找不到相关的元素
而在mounted中,由于此时html已经渲染出来了,所以可以直接操作dom节点。

相关文章

  • 2019 vue常见面试题

    1. vue 组件的生命周期? 2. created 和 mounted 有什么区别?(挂载完成之后 this.$...

  • Vue生命周期

    Vue 生命周期 beforeCreate created beforeMount mounted beforeU...

  • Vue生命周期的理解

    vue生命周期: beforeCreate、created、beforeMount、mounted、beforeU...

  • 2019-04-22记面试

    Vue: 1️⃣生命周期 beforeCreate;created;beforeMount;mounted;upd...

  • vue生命周期

    vue生命周期除了下图中的beforeCreate, created, beforeMount, mounted,...

  • Vue面试题

    1、Vue的生命周期? beforeCreate 、created、beforeMount、mounted、bef...

  • Vue生命周期及组件生命周期

    Vue生命周期 created阶段的ajax请求与mounted请求的区别:前者页面视图未出现,如果请求信息过多,...

  • 2018-04-17(vue学习小结--生命周期)

    vue的生命周期分为8个: beforeCreate,created>beforeMount,mounted>be...

  • 01-vue入门

    基础知识: vue的生命周期: beforeCreate/created、 beforeMount/mounted...

  • 面试题大总结

    1.Vue的生命周期?beforeCreate》created》beforeMount 》mounted 》bef...

网友评论

      本文标题:Vue生命周期中mounted和created的区别

      本文链接:https://www.haomeiwen.com/subject/eygcnktx.html