Vue2.0之生命周期created、mounted、activated区别

最新推荐文章于 2024-08-16 19:49:10 发布
最新推荐文章于 2024-08-16 19:49:10 发布
阅读量8.1k 收藏 7
点赞数 1
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Stodger0216/article/details/104968761
版权

created：在创建vue对象时，当html渲染之前就触发；但是注意，只会触发一次

mounted：是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，此函数还会执行

activated：是组件被激活后的钩子函数，每次回到页面都会执行

执行顺序：created  =>  mounted =>activated

Stodger0216
关注
专栏目录
vue2生命周期函数（笔记/自用）
博客标题不能为空
09-22 1241
vue2生命周期函数（笔记/自用）
vue2.0和vue3.0生命周期对比
艾米的猫儿的博客
12-23 1632
vue2.o与vue3.0对比
Vue mounted和created和 activated
weixin_43805387的博客
10-26 1724
我们从图中看两个节点： created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。 其实两者比较好理解，通常created使用的次数多，而mounted通常是在一些插件的使用或者组件的使用中进行操作，比如插件chart.js的使用: var ctx = do...
Vue.js 中的 mounted 生命周期钩子：2 万字深度解析
最新发布
weixin_63490470的博客
08-16 1725
mounted生命周期钩子是在 Vue 组件实例完成挂载后触发的回调函数。所谓挂载，指的是将组件的模板编译成真实的 DOM 元素，并将其插入到页面中。1.1mounted的触发时机当 Vue 实例完成挂载，将模板编译成真实的 DOM 元素并插入到页面中后，mounted钩子函数就会被调用。此时，组件的$el属性已经指向组件的根 DOM 元素，我们可以通过$el属性访问和操作 DOM 元素。1.2mounted的作用在mounted。
VUE中 created()，mounted()与activated() 方法都是干嘛的？
UTF8_8的博客
06-01 1875
created:html加载完成之前，执行。执行顺序：父组件-子组件 mounted:html加载完成后执行。执行顺序：子组件-父组件 methods：事件方法执行 watch：watch是去监听一个值的变化，然后执行相对应的函数。 computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值 created()：组件实例创建完成，dom还未生成，仅仅触发一次； mounted是挂载vue实例后的钩子函数，仅仅执行一次； activated()：在使用时，会用到ac
Vue.js中created()与activated()的区别
qq_46344419的博客
11-06 800
Vue.js中created()与activated()的区别
【Vue框架】Vue2中关于生命周期函数详解—beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、destroyed
量化Mike
03-30 3230
生命周期函数：1.beforeCreate是创建期间的第一个生命周期函数,会自动调用// 2.在beforeCreate生命周期函数中还不能使用data中的数据和methods中的方法created。
vue2.0生命周期钩子函数
qq_54598736的博客
10-11 693
vue2.0生命周期钩子函数
Vue2.0与Vue3.0中生命周期函数对比
lixiaosenlin的专栏
09-27 2285
前言 做前端（尤其是Vue技术栈）的同学应该都知道，vue3.0已经来很长一段时间了，虽然现在市面上用vue3的人还不多，但是随着技术的不断发展，相信vue3取代vue2也是迟早的事。所以不管现在是否用得到，3.0的一些知识还是有必要学起来的。 下面就从最基本的生命周期（钩子）函数开始对vue2.0和vue3.0进行一个简单的梳理和对比 Vue2.0生命周期函数 我们知道在2.0版本中主要有8个比较的生命周期函数，另外还有2个跟keep-alive组件相关的，下面我们就分别对每个函数做一下简单的介绍
vue 路由子组件created和mounted不起作用的解决方法
10-16
因此，对于那些依赖于`created`或`mounted`钩子的初始化操作，可能需要调整到其他合适的生命周期钩子，例如`activated`，这个钩子在组件被`keep-alive`缓存并重新激活时调用。 最后，遇到类似问题时，查阅官方文档...
Vue生命周期activated之返回上一页不重新请求数据操作
10-15
Vue生命周期中的`activated`函数是在组件被`keep-alive`组件缓存后，当组件再次被激活（例如从其他页面返回）时调用的。在实际开发中，它常用于处理页面返回时需要保持的数据或者状态，以避免重复请求数据。 在描述...
vue.js中created()与activated()
yingchengzzz的博客
03-04 531
vue.js中created()与activated() created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等 ...
Vue created()和 activated()区别和作用调用顺序
A乐神的博客
01-18 1240
Vue created()和 activated()区别和作用调用顺序
vue中created(),mounted()与activated()区别及应用
q_qman的博客
08-10 5415
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次（作用：可用于页面预加载数据）； mounted()：页面初始化完成后，加载完dom后触发，与created一样只会触发一次（可用于页面加载数据） activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据（作用：可解决页面返回上一页后，重新进入此页面的数据刷新问题
vue中created、mounted、activated的区别
weixin_43743804的博客
08-12 5168
created：在模板渲染成html之前调用，即通常初始化某些属性值，然后再渲染成视图；但是注意，只会触发一次 mounted：在渲染成html之后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，此函数还会执行。 activated：是组件被激活后的钩子函数，每次回到页面都会执行 执行顺序：created => mounted => activated ...
vue中同时使用created和actived生命周期函数
qq_44938769的博客
12-02 2885
当同时调用created和actived生命周期函数的时候遇到的一些问题总结
vue.js中的created()与activated()的用法
qq_57528681的博客
04-26 8374
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等。 // 获取列表数据 getTeamTree(val) { this.treeLoading = true; this.$http.position
在Vue.js框架中，activated和created的区别
baifangfang521的博客
03-27 759
activated钩子函数是在组件每次激活时执行的函数，也就是在组件从缓存中被重新激活时执行的。与created钩子函数相比，activated钩子函数是在组件已经挂载渲染到页面上之后再被执行的，可以用于处理需要在组件显示后处理的逻辑。总体来说，created钩子函数适合用来进行组件的初始化操作，而activated钩子函数适合处理组件被激活时的操作。在Vue.js框架中，activated和created两个钩子函数都是在组件被创建时执行的函数，但它们的使用场景略有不同。
Vue中created()与activated()区别
ymfnb的博客
01-29 808
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值