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>