Vue锁定值,不允许修改

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

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

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

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

本文系作者 @ 原创发布在 徐小鹏的个人分享博客。未经许可,禁止转载。

喜欢()
评论 (0)
21 文章
7 评论
1 喜欢
Top