Vue 数据冻结 Object.freeze

Vue 数据冻结  Object.freeze

情景: 页面上常量或者对象不想让修改,只是读取,这时候需要数据冻结   Object.freeze, demo如下

<script>
    import Vue from 'vue';
    export default {
        data() {
            return {
                f33: Object.freeze({
                    foo: "bar",
                    da: "fei",
                    hello: "world",
                })
            }
        },
        created(){
            console.log(this.f33);
            // this.f33.hello = "new hello"; // 这里报错
            // this.f33.val = "dddddddd"; // 这里也会报错
        },
    }
</script>