即使使用set，Vue也不会重新呈现列表
答案：
在Vue中，即使使用了set方法，也不会重新呈现列表。这是因为Vue使用了一种称为"响应式"的机制来追踪数据的变化，并根据变化自动更新视图。当我们使用set方法改变列表中的某个元素时，Vue会检测到这个变化，但不会重新渲染整个列表。
Vue的响应式机制是基于JavaScript的getter和setter实现的。当我们访问列表中的某个元素时，Vue会将这个访问转化为对应的getter方法，从而建立起依赖关系。当我们使用set方法改变列表中的某个元素时，Vue会触发对应的setter方法，通知相关的依赖进行更新。
这种响应式的机制使得Vue能够高效地更新视图，只重新渲染发生变化的部分，而不需要重新渲染整个列表。这对于性能优化非常重要，尤其是在处理大型列表时。
在Vue中，如果我们想要强制重新渲染整个列表，可以使用Vue的强制更新方法$forceUpdate。这个方法会触发组件的重新渲染，包括列表中的所有元素。
总结起来，即使使用了set方法，Vue不会重新呈现列表，而是通过响应式机制高效地更新视图。如果需要强制重新渲染整个列表，可以使用$forceUpdate方法。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
相关·内容
1回答
即使使用set，Vue也不会重新呈现列表
vue.js、vuejs2、vue-component
我列出了每个项目都可以移除的列表，我的代码如下所示： 模板 <template v-for="(timeFrame, index) in form.timeFrames$set(this.form, 'timeFrames', this.form.timeFrames.filter((_, i) => index !== i));
} 不知怎么的，直到我向列表中添加了一个新项目，列表才会重新呈现。有人知道我
浏览 17提问于2021-03-30得票数 0
2回答
即使使用Vue.set，更新数组也不会在Vue中重新呈现。
javascript、arrays、object、vuejs2
我在编辑由Vue创建的项目时遇到了问题，它总是在编辑时获取要替换的项的错误索引。我知道Vue不能对数组长度等某些变化做出反应，所以我使用了中建议的方法
'isFinanciallyIn
浏览 0提问于2018-06-27得票数 0
回答已采纳
1回答
VueJS执行数据函数太迟(?)
javascript、vue.js、vuejs2、vue-cli、vue-cli-4
我有一个用Vue -cli4和Vue 2创建的Vue.js项目，似乎我用来渲染列表的v-获取数据太晚了。v-for和来自data函数的数据呈现的，我遇到了一个非常奇怪的行为。每当我手动重新加载页面时，都不会显示任何内容，这会告诉我我的v-for正在尝试访问未定义的数据。但是，如果我删除了v-for前面的：，这会导致错误，重新添加它，服务器会自动重新加载，我会看到列表，但如果我手动重新加载，而不接触任
浏览 23提问于2021-09-06得票数 0
回答已采纳
2回答
尽管通过赋值进行数组更改，Vue.js列表仍未更新
javascript、vue.js、v-for
我对vue.js并不熟悉，但我试图从基础数组中显示一个选项列表。但是，当基础数组被更改时，列表不会更新/重新呈现。我将新数组直接分配给vue实例数据值(不使用拼接或通过索引赋值)，在控制台中，如果我试图打印出更新的基础数据(vm.clarifyings)，则只是重呈现不起作用。即使使用vm.clarifyings.push(object)，也不会更新浏览
浏览 2提问于2020-05-26得票数 2
回答已采纳
当我单击按钮时，我将数组drinks作为道具传递给Drinks.vue和Drinks.vue内部的映射元素，它应该会发出事件，将元素更改为“已售出”。但是，当使用console.log或Vue developer tool进行调试时，它显示drinks数组已更新，但页面本身不会重新呈现或更新...Fruits运行得很好。你知道为什么Drinks.vue不能更新drinks array吗 App.vue <template&g
浏览 22提问于2020-08-24得票数 0
1回答
即使我更改了状态，平面列表也不会重新呈现
react-native、react-navigation
> item.key.toString()})预期输出：
delete按钮，在FlatList中提示刷新并显示新的任务列表
浏览 3提问于2018-10-21得票数 0
3回答
Vue.js列表orderBy筛选器不对动态添加到数组中的项进行排序
javascript、arrays、vue.js
将新对象添加到Vue.js组件中的对象数组时，渲染列表将更新，但是，oderBy过滤器不会应用于添加的新项目。例如，一个对象数组，其中每个对象都有一个正确的name，并且orderBy过滤器应用于name，如果我将一个新对象推送到该数组，此对象将显示为呈现列表的最后一项。使用unshift时，对象将显示为列表的第一项。
如何正确地将项添加到数组中，以便Vue.js可以对所有项应用orderBy过滤器来重新呈现
浏览 4提问于2017-05-03得票数 1
1回答
尝试清除字典时Vue.js DOM未更新
vue.js
我有一个由v-for循环呈现的字典，我想将字典设置为空白字典。我已经尝试在所有键上使用this.dict = {}和Vue.delete，这些都会更新控制台中的字典，但不会重新呈现DOM。如何清除此字典，以便在DOM中重新呈现它。{{item}}:{{todos[item]}}</label></ol>
<button v-on:click = "res
浏览 4提问于2018-06-15得票数 3
1回答
Nuxt / Vue 2更改后覆盖输入值
html、vue.js、input、nuxt.js
$store.state.certificateAdd.firstNameInitial async set (val) { }}
</script> 如果我输入不同的字母，这很好用，但是如果我输入"aa“，输入将显示"Aa”，因为getter不会重新计算(vuex仍然保存相同的数据即使我通过
浏览 26提问于2021-06-18得票数 0
1回答
Datatables呈现Vue组件
ajax、laravel、datatables、vuejs2
我正在尝试在Ajax模式下连接Datatable和Vue组件，如果成功的话，应该呈现Product的Order按钮。所有数据都会正确显示，甚至一个按钮也是一个订单，但它不是Vue组件，而是一个简单的HTML。所以我把这个字符串传递给JSON但其结果是，该行被写入表单元格，它不会转换为vue组件.如果我以普通datatable模式(没有Ajax)传递这一行--组件被呈现，就没有问题。
I使用Laravel 5.5
浏览 3提问于2018-09-14得票数 2
回答已采纳
1回答
如何在Vue中控制组件重呈现粒度？
vue.js、vue-component
我使用一个组件来呈现一个具有“多”行的动态表。有时我添加新行，有时修改现有行，但每当我这样做时，Vue将重新呈现整个表，这需要相当长的时间，这是我想要避免的。我正在使用键和东西来加速重呈现过程，但是我仍然觉得这个过程效率低下: Vue至少会运行每一行，检查它是否已经改变。我怎么才能告诉Vue，只有当它重新呈现时，它才会麻烦于那些？我考虑过有两个列表:固定列表和变化
浏览 0提问于2021-05-19得票数 0
回答已采纳
1回答
VueJS中的列表在每次任何变量更改时呈现，即使是不相关的
javascript、vue.js、vuejs2
arraySortedFiltered呈现为表格(不是真正的表格，但div样式化为表格)。Profiler显示，每当任何数据段变量发生更改时，Vue都会重新呈现我的大表，即使没有与表相关的任何更改，也没有输入数据或排序/搜索变量。为什么会发生这种情况，如何避免呢？手册说Vue是智能的，不会重新呈现未更改的数据。我签出了- Vue实际上不会重新渲染列表(我
浏览 5提问于2018-02-01得票数 0
1回答
在vue数据对象中使用变量进行嵌套循环计算会导致代码中断
javascript、arrays、vue.js、vuejs2
因此，我有一个对象，在渲染span标记之前，我想使用它对子对象执行一些计算，如下所示：getTotal是一种执行以下操作的方法：labour.amount) * parseInt(labour.quantity)); return this.total并且它利用了在我的vue但它会发出响声说我的组件中有一个无限循环，
现在，我在函数中使用了一个本地total变量来执行
浏览 6提问于2018-08-08得票数 0
回答已采纳
1回答
使用vue.js的意外选择下拉行为
javascript、html、css、vue.js、drop-down-menu
如果我将background-green类绑定或value绑定从select元素中删除，那么它作为一个正常的下拉列表工作。但是假设我没有删除background-green类绑定，那么在选择之后，就不会显示所选的选项，但是如果我再次选择相同的选择选项或其他选项，那么它将被显示。与value绑定的行为相同。下面是使用示例代码运行示例的。
浏览 5提问于2020-10-14得票数 1
回答已采纳
1回答
如何使用发射事件重新呈现vue js
vue.js、vuejs2
我有一个global.js，我正在向global.js发出一个事件，我想要达到的是每当我的global.js重新呈现vue的值。global.js data: { about: [`About Us`,`$on('changeLanguage',globalStore.changeLanguage)import { globalStore
浏览 2提问于2017-09-20得票数 0
回答已采纳
1回答
获得Vue证监会内的循环键
vue.js
给定以下循环组件：我如何在MyComponent中获得MyComponent的值，显然key是一个保留字，所以它不能作为一个支柱。
浏览 4提问于2022-05-19得票数 0
回答已采纳
2回答
Vue.js AJAX列表呈现检查是否准备就绪？
javascript、jquery、ajax、vue.js
目前，我在Vue.js中有一个组件，它从Elasticsearch查询中获取数据，并呈现如下列表：如何检查列表完全呈现时的情况？我以前读过关于Vue.nextTick()的文章，但当我读到
浏览 3提问于2016-06-01得票数 0
回答已采纳
1回答
Vue.js列表呈现差异：“相同的对象”vs“具有相同的值”
vue.js、key、diff、v-for
我刚刚在Vue.js (2.6.12)组件中遇到了一个反应性问题。它没有重新计算和重新渲染后，它的道具被更新。问题是该组件是在带有v-for和key的列表中使用的。key被用来优化v-for中的列表，因此它可以重用和重新排序相同的组件，而无需重新创建它们。我最初的key是对象的id，解决方案是从id和所有对象的更改数据创建key。我的问题是，在Vue.js (也许在v3中)有什么方法吗？在v-for中，不仅要知道对象是否是相同的(通过
浏览 6提问于2020-11-01得票数 1
回答已采纳
2回答
用Vue Chart.js动态改变图表类型
vue.js、vue-chartjs
我试图使用Vue Chart.js实现一个图表选择器来可视化各种数据。申请结构：
ChartRender.vue我找到了一个简洁的解决方案，将图表类型传递给图表混合，然后最终的图表呈现不引用图表类型(即使在查看vue
浏览 23提问于2020-03-27得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
