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
本文系作者 @feacx 原创发布在 徐小鹏的个人分享。未经许可,禁止转载。