vue中updated有什么用,触发条件是什么?下面编程教程网小编给的简单介绍一下!
updated是什么?
由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。当这个钩子被调用时,组件DOM已经更新,所以你现在可以执行依赖于DOM的操作。
只有data里的变量改变并且要在页面重新渲染完成之后,才会进updated生命周期,只改变data里的值但是没有再页面上渲染该值的话并不会触发updated方法。
触发条件是什么?
当data中定义的数据有变化时就会加载updated方法。
举例说明:
data() {
return {
nums:10
};
},
created () {
setTimeout(()=>{this. nums=500},5000)
},
updated () {
console.log("进入updated方法")
},
以上是编程学习网小编为您介绍的“vue中updated有什么用,触发条件是什么?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue中updated有什么用,触发条件是什么?
基础教程推荐
猜你喜欢
- CSS三栏布局探讨——中间固定宽度两边自适应宽度 2024-03-09
- Vue使用keep-alive实现页面前进刷新和后退缓存 2022-09-08
- 微信公众号获取用户地理位置并列出附近的门店的示例代码 2024-02-06
- javascript中关于执行环境的杂谈 2023-12-02
- Ajax配合Spring实现文件上传功能代码 2023-02-01
- vue动态渲染img,图片不显示 2023-10-08
- 使用React.forwardRef传递泛型参数 2023-07-09
- 详解如何较好的使用js 2024-01-07
- vue开发如何把二进制流转换为base64 2025-01-17
- html form表单基础入门案例讲解 2022-11-20