vue实战问题1：vue组件beforeUpdate和updated生命周期钩子不执行

如题所述

第1个回答 2022-07-03

前段时间遇到的一个问题，项目是由支付宝小程序移植过来的vue项目，将didUpdate更换成了updated，跑起来后发现updated生命周期钩子没有执行。

组件通信使用的就是普通的父子组件的传值，当时以为是父组件上的数据没有更新，所以导致updated没有执行，不过后来发现父组件的值改变了，但是updated没有执行。找了下官方文档，发现文档中提到了这个坑。

updated可能并不会执行，最好的还是使用计算属性或者用watch监听数据变化

以为差不多这样就可以了，后来随着测试的加深，一般监听时是不能监听到对象属性值的变化的，发现如果监听的是Object类型的复杂数据类型的话，这样写是无法监听key和value的变化的，需要对Object类型进行深层监听

这样的话，基本上就解决了vue组件beforeUpdate和updated生命周期钩子不执行的问题

相似回答

vue3.2 setup 之局部自定义指令答：然而我们添加的 beforeUpdate 和 updated 函数并没有执行。此时我们把 input 元素上的 v-if 修改成 v-show 就会执行上述两个方法了，具体的执行情况自行验证下。从 vue2 升级到 vue3 ，自定义指令的生命周期钩子函数发生了改变，具体变化如下：钩子函数被赋予了以下参数：binding 包含的属性具体的分别...

.vue组件中获取DOM元素问题答：单独创建一个 .vue 组件，通过绑定传值，触发页面变化从而触发 beforeUpdate 。然后发现 beforeUpdate() 中根本获取不到此元素，用原生js获取也不行。三、解决 1、 beforeUpdate() 生命周期函数中，在获取元素语句外套用 this.$nextTick(function(){...}) 。（ mounted 无效，原因待查明）官...

Vue——生命周期和钩子函数的一些理解答：挂载到实例上去之后调用该钩子。注意：mounted 不会把所有的子组件也都一起被挂载。beforeUpdate：数据更新时，虚拟 DOM 变化之前调用，这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。updated：数据更新和虚拟 DOM 变化之后调用。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可...

大家正在搜

vue updated vueupdated调用 vue的created vue单文件组件 vue mounted vue render vue ui组件 vue active vue extend