Vue锁定值，不允许修改

const DataList = {
  data () {
    return {
      a: 1
    }
  }
}
const app = Vue.createApp(DataList)
app.mount('#app')

在chrome的console里，输入app.a = 2，浏览器无变化，打印app.a，undefined，啊哦，为什么？

然后把最后两行合到一行，就可以了

const app = Vue.createApp(DataList).mount('#app')

这是为啥？不太明白，回头再研究！

跑题了，标题是锁定值来着。

Object.freeze(a)

这样就可以了，a的值就被锁定了

app.$data.a === app.a
true
app.$data.a === data.a
true
app.$data.a === 1
true