Can mixing reactive and non-reactive data in a Vue instance be harmful?

Question

I have a Vue.js instance with its set of data predefined at initialization time.

vm = new Vue ({
  el: "#root",
  data: {
    x: 3
  }
})

I need to add, in the course of the script, a new element in data. It does not matter for me that it not reactive.

vm.y = 4

Is there an issue with such an action? Specifically, can this impact the Vue instance behaviour (beside the non-reactivity aspect for this member)?

Note: this update is done before sending data elsewhere and it is just more convenient to update it on the fly without making an intermediate copy (which is certainly a possibility, should the above update be somehow harmful)

WoJ · Accepted Answer · 2017-06-30 13:25:06Z

1

Is there an issue with such an action? Specifically, can this impact the Vue instance behaviour (beside the non-reactivity aspect for this member)?

This is perfectly fine, it will not interfere with how the component works, nor will Vue delete the property at some point (or anything like that). The only pitfall is that the property will not be reactive.

edited Jun 30, 2017 at 13:25

WoJ

30.6k60 gold badges220 silver badges412 bronze badges

answered Jun 30, 2017 at 13:23

Decade Moon

34.4k8 gold badges84 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can mixing reactive and non-reactive data in a Vue instance be harmful?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related