ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue生命周期,created,mounted,methods,computed,watched

2022-06-28 19:01:29  阅读:164  来源: 互联网

标签:初始化 vue computed 渲染 created 组件 mounted


一、生命周期:
beforecreate:一般使用场景是在加loading事件的时候
created:处在loading结束后,还做一些初始化,实现函数自执行(data数据已经初始化,但是Dom结构渲染完成,组件没有加载)
beforemount:处于组件创建完成,还没开始操作
mounted:处于发起后端请求,获取数据,配合路由钩子执行操作,(Dom渲染完成,组件挂载完成)
beforeupdate、updated:处于数据更新的前后
beforeDestroy:当前组件还在的时候,想删除组件
destroyed:当前组件被销毁,清空相关内容

created与mounted的区别
created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作
mounted与methods的区别
mounted是生命周期方法之一,会在对应生命周期时执行
methods是Vue实例对象上绑定的方法,供当前Vue组件作用域内使用,未调用不会执行,只执行逻辑,返回值可有可无
computed与watched的区别
computed是计算属性,也可以理解为一个方法,其中计算结果的结果如果不发生改变,就不会触发,且必须返回一个值,并在Dom中绑定才能取得到值,可以自动获取数据的改变
watched:属性是手动定义的所需监听的值,不同数据可以在其中多次定义监听值,这时会消耗一定的性能,它并不能像computed那样自动改变

标签:初始化,vue,computed,渲染,created,组件,mounted
来源: https://www.cnblogs.com/zmh114712318/p/16420693.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有