javascript - 在 Vue 实例中混合响应式(Reactive)和非响应式(Reactive)数据会有害吗？

Question

我有一个 Vue.js 实例，其在初始化时预定义了一组数据。

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

我需要在脚本过程中在data 中添加一个新元素。 它不 react 对我来说并不重要。

vm.y = 4

这样的操作有问题吗？具体来说，这是否会影响 Vue 实例的行为(除了该成员的非 react 性方面)？

注意:此更新是在将数据发送到其他地方之前完成的，并且在不制作中间副本的情况下即时更新它会更方便(这当然是可能的，如果上述情况的话)更新在某种程度上有害)

Answer 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)?

这完全没问题，它不会干扰组件的工作方式，Vue 也不会在某个时刻删除该属性(或类似的事情)。唯一的缺陷是该属性不会具有反应性。