Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗-摩杜云开发者社区

Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗

1iMnUWoR4lQ1 2023年12月06日 19 0

Vue Vue 事件循环数据数据事件循环

不会立即同步执行重新渲染。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。Vue 在更新DOM 时是异步执行的。只要侦听到数据变化， Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。

如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后，在下一个的事件循环 tick 中，Vue 刷新队列并执行实际（已去重的）工作。

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载，内容版权归原作者所有。本网站的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@moduyun.com

上一篇：子组件可以直接改变父组件的数据吗下一篇： spring如何重新生成新的JAR文件？

分享：

最后一次编辑于 2023年12月06日 0

暂无评论

推荐阅读

Vue3 除了 keep-alive，还有哪些页面缓存的实现方案

wPQfeMurNjxT 2024年05月08日 58 0 0 Vue

vue3早已具备抛弃虚拟DOM的能力了

3A8RnFxQCDqM 2024年05月08日 49 0 0 Vue

Vue模板语法、属性绑定、条件渲染的学习

hCqS9nAImRxU 2024年05月17日 50 0 0 Vue

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

uCg8iP04yNRs 2024年05月17日 47 0 0 Vue

浅谈Vue.js与原生开发

gYl4rku9YpWY 2024年05月17日 57 0 0 Vue

Vue项目中有封装过axios吗？主要是封装哪方面的？

uCg8iP04yNRs 2024年05月17日 29 0 0 Vue

十分钟，带你了解 Vue3 的新写法

wPQfeMurNjxT 2024年05月08日 55 0 0 Vue

终于搞懂了！原来 Vue 3 的 generate 是这样生成 render 函数的

3A8RnFxQCDqM 2024年05月20日 58 0 0 Vue

基于uniapp+vue3自定义增强版table表格组件「兼容H5+小程序+App端」

hGgw0bajsGf1 2024年05月18日 86 0 0 Vue

实现抖音 “视频无限滑动“效果

Wo2WjWKSubMZ 2024年05月17日 48 0 0 Vue

你是怎么处理vue项目中的错误的？

uCg8iP04yNRs 2024年05月17日 51 0 0 Vue

VUE-局部使用

onf2Mh1AWJAW 2024年05月17日 57 0 0 Vue

vue3编译优化之“静态提升”

3A8RnFxQCDqM 2024年05月17日 52 0 0 Vue

代理http中的代理池对于爬虫业务有多重要？

Smartproxy 26天前 79 0 0 数据 python java 数据 Java redis 数据 python 数据

代理IP速度变慢的原因是什么，要如何解决？

Smartproxy 2024年05月09日 120 0 0 linux 数据数据 linux 数据数据

建立HTTP代理IP池的技术和工具支持

Smartproxy 2024年05月09日 220 0 0 数据 java 数据 Java 数据数据

我为什么还要造一个前端轮子？

0LYBELHOQl6a 2024年05月17日 57 0 0 Vue

短效http代理ip和动态http代理有什么联系？

Smartproxy 2024年05月10日 115 0 0 linux 数据 python 数据 Java linux 数据 python 数据

说说webpack proxy工作原理？为什么能解决跨域?

uCg8iP04yNRs 2024年05月17日 46 0 0 Vue

Socks5代理IP：保障跨境电商的网络安全

Smartproxy 2024年05月10日 121 0 0 数据 python java 数据 Java 信息系统数据 python 数据

1iMnUWoR4lQ1

作者其他文章更多

elementui遇到的问题

2023-12-23

Vue自定义指令：v-draggable

2023-12-23

如何提⾼webpack 的构建速度

2023-12-11

React如何进行代码拆分

2023-12-10

对 JSON 的理解

2023-12-08

Vue 的优点

2023-12-07

Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗

2023-12-06

$nextTick 原理及作用

2023-12-05

Proxy 可以实现什么功能

2023-12-02

Vuex

2023-11-30

最新推荐更多

终于搞懂了！原来 Vue 3 的 generate 是这样生成 render 函数的

2024-05-20

博客园美化：增加顶部炫彩loading进度条

2024-05-20

lodash已死？radash库方法介绍及源码解析 —— 函数柯里化 + Number篇

2024-05-20

TypeScript入门介绍

2024-05-20

XML Schema 复杂元素类型详解：定义及示例解析

2024-05-20

什么是单点登录？如何实现？

2024-05-20

基于uniapp+vue3自定义增强版table表格组件「兼容H5+小程序+App端」

2024-05-18

解释下什么是事件代理？应用场景？

2024-05-18

Vue项目中有封装过axios吗？主要是封装哪方面的？

2024-05-17

浅谈Vue.js与原生开发

2024-05-17

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

2024-05-17

Vue模板语法、属性绑定、条件渲染的学习

2024-05-17

vue3编译优化之“静态提升”

2024-05-17

VUE-局部使用

2024-05-17

你是怎么处理vue项目中的错误的？

2024-05-17

实现抖音 “视频无限滑动“效果

2024-05-17

说说webpack proxy工作原理？为什么能解决跨域?

2024-05-17

我为什么还要造一个前端轮子？

2024-05-17

一款摸鱼神器！帮助你利用上班时间背单词！

2024-05-17

next-route

2024-05-17