前端实习day35

今天是下早班的一天,下完班直接赶车回广州了,吐槽一下深圳站管理得真得差,候车厅小,人巨多,而且进站口的标识也很少,绕了好久才找到!下次再也不去了。

今天是改bug的一天,但是有半天后端接口都不难用,所以就在刷掘金文章,学习学习技术,下面是一些总结资料:

1.vue2和vue3中watch、computed、mounted的执行顺序:

在Vue 2和Vue 3中,watch、computed和mounted的执行顺序是不同的。

在Vue 2中,首先会执行computed属性的计算,然后执行watch监听器的回调函数。最后,在组件实例被挂载到DOM后,会执行mounted钩子函数。

而在Vue 3中,执行顺序有所改变。首先会执行mounted钩子函数,然后执行computed属性的计算,最后再执行watch监听器的回调函数。

总结起来,Vue 2中的顺序是:computed -> watch -> mounted;而Vue 3中的顺序是:mounted -> computed -> watch。需要注意的是,这只是一般情况下的执行顺序,具体的执行顺序还可能受到其他因素的影响,如异步操作或依赖关系等。

2.activated和mounted的执行顺序:

在Vue中,activated和mounted是两个生命周期钩子函数,它们在组件生命周期中扮演不同的角色。在常规情况下,执行顺序是先执行mounted,然后再执行activated。

具体的执行顺序如下:

  1. mounted:在组件被挂载到DOM之后立即调用。此时可以访问DOM元素,并进行一些初始的操作,比如数据的初始化、事件的绑定等。

  2. activated:当路由切换到包含该组件的路由时,会触发activated生命周期钩子函数。这个钩子函数在组件被激活时调用,例如通过`<keep-alive>`包裹的组件,在切换到该组件时会触发。

需要注意的是,activated钩子函数只有在使用了`<keep-alive>`组件缓存时才会被触发,而mounted则是每次组件被创建时都会被触发。

所以总的来说,执行顺序是mounted -> activated。

相关推荐
এ慕ོ冬℘゜9 分钟前
前端基础:什么是时间戳?JS获取时间戳三种方法与实战用途
开发语言·前端·javascript
hoLzwEge18 分钟前
拯救低效调试!code-inspector-plugin 让代码定位如虎添翼
前端·前端框架·node.js
J船长31 分钟前
烂笔头扫盲:LLM Eval 入门:从「感觉挺好」到「数据说话」的工程化落地
前端
skiyee36 分钟前
被多个 UView 系 UI 库 “抄” 的 @uni-ku/root 究竟怎么实现?
前端
鱼毓屿御1 小时前
从「只会聊」到「边想边做」的跃迁
前端·学习·react.js
sugar__salt1 小时前
Vue3 表单双向绑定与响应式核心 API 技术详解
前端·javascript·vue.js
郝亚军2 小时前
使用Vue 3和Nginx打包和部署Vue.js项目的一般步骤
前端·vue.js·nginx
SmartBoyW2 小时前
CSS弹性布局(Flexbox)学习笔记:从零开始搞懂弹性布局
前端·javascript
用户69371750013842 小时前
从代码生产者到 AI 协作者:软件工程师的角色重构
android·前端·后端
嘟嘟07172 小时前
搞懂 useState 从原生 DOM 到 React 惰性初始化的完整链路
前端·react.js·编程语言