如果更新嵌套数据，Vue是否重新计算计算属性？
在Vue中，当更新嵌套数据时，Vue会重新计算计算属性。
计算属性是Vue中一种便捷的属性计算方式，它根据依赖的数据动态计算出一个新的值。当依赖的数据发生变化时，计算属性会自动重新计算并更新其值。
对于嵌套数据，Vue会通过依赖追踪来检测数据的变化。当嵌套数据发生变化时，Vue会触发相应的依赖更新，包括计算属性的重新计算。
这种机制保证了计算属性的实时性和准确性。无论是直接修改嵌套数据，还是通过Vue提供的API进行修改，都会触发计算属性的重新计算。
对于Vue的计算属性的更多信息，你可以参考腾讯云的文档：计算属性。
相关·内容
1回答
如何保证硬盘中的数据安全？
云硬盘、数据安全、存储
云服务的基础依赖于硬件的设施，如硬盘等存储设备。当腾讯云的硬盘发生故障时，可能会需要进行替换或退役，那么在以下两种场景中，如何保证硬盘中的数据安全？
硬盘返厂维修并置换新硬盘；
硬盘无法使用，失去维修价值，决定销毁。
浏览 745提问于2020-03-09
3回答
vuejs如何知道用于缓存的计算属性的依赖项？
javascript、vue.js、vuejs2
我有一个Vue.js代码：
new Vue({
data:{
myValue:'x',
myOtherValue:'y'
},
computed: {
myComputed: myFunction(){
return this['my' + 'Value']
}
}
})
如您所见，计算的属性将被缓存，并且它仅依赖于data.myValue。我的问题是，Vue.js缓存系统如何知道只有当myValue被更改时才能再次运行计算函数？
浏览 3提问于2017-01-09得票数 42
回答已采纳
2回答
Vue JS --当它中使用的字段更新时，监视计算如何触发它？
vue.js、vuejs2、vue-component、watch
我有一个计算字段，根据是否在调查表中填写了文本字段，设置了一个名为“已完成”的数据属性：
setCompleted: function () {
this.completed = this.required && this.textAnswer !== '';
},
此计算结果在我的html中没有引用，仅用于设置已完成的属性。唯一可以更改适当用户输入的属性是textAnswer，它绑定为文本输入的模型。
我设置了一个空的观察者来观察这个计算的字段，如下所示：
setCompleted: function () {
},
浏览 0提问于2018-11-07得票数 5
1回答
Vue.js方法与计算性质的比较。它们如何与DOM交互
dom、methods、vue.js
我试图找出何时调用方法属性，以及何时调用计算属性的最佳时间。在我看来，计算通常更可取，因为只要调用了访问DOM的属性，方法就会做出响应。
在下面的代码中，这两个按钮跟踪一个基本计数器，其增量为1。相同的输出通过一个方法和一个计算的属性传递给DOM。每个增量都会触发计算和方法属性，如控制台中所示。
<div id="content">
<!--counter control-->
<button v-on:click="counter++">Increase Counter</button>
<butt
浏览 2提问于2017-07-18得票数 2
回答已采纳
2回答
为什么我的模板不会被绑定到计算属性来更新呢？
javascript、vue.js、vuetify.js、vuex
我面临的一个问题是，在一个依赖于Vuex方法的computed getter的组件中有一些模板HTML。正如您在模板中所看到的，我只是试图在带有<p>标记的{{ getNumSets }}中显示计算属性的输出。
当我用UPDATE_EXERCISE_SETS突变更新状态时，我可以在Vue devtools中看到状态被正确更新，但是更改没有反映在<p> {{ getNumSets }} </p>部分中。
模板HTML：
<template>
...
<v-text-field
v-model="getNumSets"
浏览 0提问于2021-06-28得票数 2
回答已采纳
4回答
Vue-路由器2改变路由，但不更新视图？
javascript、vue.js、vuejs2、vue-router
我有一个登录问题的网站，使用：
Vue.js v2.0.3
vue-路由器v2.0.1
vuex v0.8.2
在routes.js中，我有一个简单的拦截器设置
router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
// this route requires auth, check if logged in
// if not, redirect to login page.
if (!rout
浏览 2提问于2016-10-31得票数 17
2回答
是什么导致计算Vue计算属性？
javascript、vuejs2、vue-component
我对计算属性的理解是，如果没有在模板中使用计算属性，则不应该计算。但是，当存在计算属性的观察者时，将对此计算属性进行计算。
我理解它并不是理想的应用程序体系结构，但我的问题是，它的工作方式是否是一种预期的Vue行为，还是目前如何实现的某种副作用，以及在将来的版本中是否会发生变化？
或者说，如果计算的属性没有在模板中使用，并且它在代码基中没有其他显式的getter，那么是否应该对它进行评估？
示例：
<template>
<div>
<button @click="counter++">+1</button>
浏览 0提问于2021-09-14得票数 0
回答已采纳
1回答
Vue的行为-在创建后添加属性时，可以观察到
vue.js、vuejs2
我希望在我的Vue文件中有一个小注册表，并决定使用Vue提供的Vue.observable函数(是的，我可以使用Vuex，但首先我想尝试不使用)。现在，当我在创建后(当然使用Vue.set )将属性添加到我的注册表时，我发现我的属性的反应性很难预测：
这确实如预期的那样起作用：
const state = Vue.observable({fromObservable: ''})
...
computed:
fromObservable: () => state.fromObservable
...
In mounted:
state.fromObser
浏览 4提问于2020-10-08得票数 1
回答已采纳
1回答
为什么我的方法会因为未知的原因被调用？
vue.js
我有基于几个输入更新图表数据的函数filterData。但是，当不相关的输入发生更改时(例如在文本字段中键入内容)，每次都会调用这些函数，从而导致图表重新呈现。我已经记录了输出，并且没有任何参数更改。 为什么会调用该函数？有没有办法追踪它，还是我做错了。 <DeviceChart :input-data="filterData(inputData, filters, otherParams)"/> export default {
methods: {
filterData(inputData, inputFilters, otherParameter
浏览 14提问于2019-06-17得票数 0
回答已采纳
2回答
vue2组件:使用方法强制更新计算的专有属性
vuejs2、splice、computed-properties
我正在尝试使用组件内部的方法来更新计算的专有属性，这里是示例：
props: ['selezionati'],
computed:{
listaSelezionati() {
return this.selezionati
}
},
methods:{
rimuoviSotto : function(index,indexparent){
var obj = JSON.stringify(this.listaSelezionati[0][indexparent].sottoservizio[index]);
浏览 5提问于2017-08-16得票数 0
2回答
Vue应用程序中未填充数据
vue.js
我正在尝试通过computed从我的vuex存储中获取一些数据到一个组件中。由于某些原因，它不允许我在几个组件中访问userInfo.uid。它说userInfo.uid是undefined，尽管VueTools清楚地表明它已经成功导入。不确定为什么会发生这种情况。例如，这里有一个测验组件，我试图从我的vuex存储中获取userInfo数据，这样我就可以使用它来访问firebase引用中的一些数据。
我不能使用this.$store.state访问我的vuex状态吗？当我这样做时，它也抛出了一个错误。无论如何，下面的代码让我有95%的时间是未定义的。除了随机的，它会给出userId，然后我重新
浏览 1提问于2016-11-17得票数 1
1回答
与数据、计算等无关的变量的反应性
vue.js
在对vue.js进行了大量试验和阅读之后，我开始使用组件等处理我的第一个应用程序。我发现很难将外部对象与数据关联起来，并找出Vue将这些外部实体与data/computed/watch/props属性绑定的条件。我在组件中遇到了一些奇怪的惊喜，我决定使用codepen来探索一些案例。我主要关心的是，当a: b,在data部分中，而b是一个外部实体，比如值、数组、对象、简单的或嵌套的对象时，它主要是如何与{{a}}和v-bind中的DOM绑定的。
令我惊讶的是，在这些测试中，我第一次看到{{b}}也是被动的。为什么不呢，因为b是在data部分声明的。当我尝试{{c}}时，事情变得很奇怪，c是Vu
浏览 4提问于2019-04-13得票数 1
2回答
对数组中对象的更新不会触发更新。
vue.js
在我的根Vue实例中，我有一个带有一些数据的对象数组，用于呈现一组组件。这些组件对提供给它们的数据对象有一个监视器，该对象应该在每次更新对象时进行异步调用。
问题是，当我更新数组中某个对象的属性时，不会调用观察者。它不应该落入Vue的任何警告中，因为( a)我没有添加一个新属性，只是更新一个现有的属性和b)，我没有以任何方式改变数组本身。那为什么会发生这种事？我该怎么解决呢？
我的主Vue实例：
let content = new Vue({
el: '#content',
data: {
testData: [
{ na
浏览 1提问于2019-09-06得票数 0
回答已采纳
1回答
我需要用对象的属性对Vue中的对象数组进行排序，但是Vue在无限循环中进行排序
javascript、sorting、web、vuejs2
vue js用属性对对象数组进行排序，并尝试用另一个属性对排序数组进行排序，但是Vue进入无限循环排序。
chatRoomArraySorted: function() {
console.log("func name chatRoomArraySorted");
function compare(a, b) {
if (a.name < b.name)
return -1;
if (a.name > b.name)
return 1;
return 0
浏览 0提问于2018-11-26得票数 4
回答已采纳
1回答
vuex的表单处理
vue.js、vuejs2、vuex
我计算了两个来显示Vuex的状态数据：
computed:{
dataTab:function(){
return this.$store.state.form;
},
...Vuex.mapState({
mapA: state=>state.form.a
}),
},
我读了一些关于计算的文档。计算器将运行Object.defineProperty()为vue实例创建新属性。这意味着dataTab与this.$store.state.form没有关系，或者mapA与state.form.a没有关系，对吗？
浏览 2提问于2018-09-26得票数 0
1回答
knockoutjs在observableArray项目更新后可见刷新
javascript、jquery、knockout.js
这是我的简化模型：
var GoalItem = function(id, type, name, authorId, author, children) {
this.id = ko.observable(id);
this.type = ko.observable(type);
this.name = ko.observable(name);
this.authorId = ko.observable(authorId);
this.author = ko.observable(aut
浏览 3提问于2012-03-05得票数 1
回答已采纳
1回答
我使用v-模型作为输入和另一个输入的名称。我试着理解访问他们数据的不同方式
javascript、vue.js、vuejs2
我有一个带有一些输入的表单，我提交表单并以一个模式显示数据。它可以工作，但我不确定我这样做是正确的，而且代码看起来很混乱。
--这是的样子(为了简单起见，没有模型)：
<div id="app">
<form @submit.prevent="getValues">
<label>Last Name: </label><input type="text" name="lastName">
<br>
<button>Sub
浏览 7提问于2020-02-10得票数 2
回答已采纳
1回答
使用内置筛选器的Vue.js b表子组件:有效，但速度非常慢
vue.js、filtering、bootstrap-vue
我有一个从单独的vue文件(Table.Vue)呈现组件的vue页面(Main.vue)。当我把所有逻辑都放到Main.vue中时，自由格式的文本过滤器工作得很好。但是现在它几乎在我输入的每个字符上都有延迟，所以我想可能是我的实现出了问题。
我在下面发布的代码已经被简化了(即删除了分页和计算内容)，以显示我所坚持的内容。
Table.vue：
<!-- search bar -->
<b-input-group>
<b-form-input v-model="filter" type="search" placeho
浏览 17提问于2019-08-13得票数 0
1回答
流星.depends()方法
javascript、meteor
我正在研究“探索流星”这本书，我被困在137页的例子中
var _currentLikeCount = 0;
var _currentLikeCountListeners = new Deps.Dependency();
currentLikeCount = function() {
_currentLikeCountListeners.depend();
return currentLikeCount;
}
Meteor.setInterval(function() {
var postId;
if (Meteor.user() && postId = Sessi
浏览 1提问于2014-06-28得票数 1
回答已采纳
1回答
如何将属性只绑定一次？
javascript、vue.js、vuejs2、vue-i18n
我正在使用进行本地化。当我想翻译输入占位符时，如：
<input type="text" v-model="someValue" :placeholder="$t('translation.string')">
我必须使用$t()函数，它在每次重呈现时都要执行(也是)。这在我的简单预订表单中添加了数千个不必要的函数调用，这是我想避免的。
是否有一种只绑定属性一次的方法？在Vue实例的整个生命周期中，转换后的值不会改变。v-once不是我想要的，因为我希望保持组件/节点的反应性，并且只对属性进行“硬编码”。
我知道我可以
浏览 1提问于2018-03-01得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
