Is Vue smart enough to know when an object property is changed and only recompute the computed properties related to that specific property? Or does it recalculate all computed properties associated with the object every time a single property changes? If not, is there a way to optimize this process to improve performance?
For example:
var vm = new Vue({
el: '#logs',
data: {
test: {
a: 1,
b: 2,
}
},
computed: {
aTimesTen: function() {
return this.test.a * 10;
},
bTimesEleven: function() {
return this.test.b * 11;
},
},
});
If I update test.a, will bTimesEleven be recalculated unnecessarily?