Vue如何定义非响应式的变量？

Question

就是不会展示在页面中，不需要被追踪变化的一些变量，应该放在哪里呢？小程序里面可以随便定义，在Vue里面是不行的……

Answer 1

除了楼上的方法，也可以在data里定义_或$开头的属性，或者在配置项中定义，不过这样访问的方式比较麻烦

new Vue({
      el: '#app',
      data: {
        $privateData: 'in $data',
      },
      privateData: 'in $options',
      created() {
        console.log(this.$data.$privateData, this.$options.privateData)
      }
    })

Answer 2

不去定义在 data 中，直接 this.abc 去赋值。

new Vue({
      el: '#app',
      data: {b:{c:2}},
      created() {
        this.a = {c:3};
        console.log(this.a, this.b)
      }
})

---

其他还有冻结之类的。em 或者你上 vue3？