SOURCE

// vue想要本地缓存某个组件得数据（所说得缓存是刷新之后，该页面得数据也不会变化）
// 思路：将整个data里面得数据全部存储到浏览器本地，然后在重新赋值
// 但是$data是只读,没有办法重新赋值,可以循环里面得属性进行赋值,不过太麻烦了

new Vue({
    el: '#app',
    data() {
        let stachStr = localStorage.getItem('stach');
        let fromObj = stachStr ? JSON.parse(stachStr) : {};
        return Object.assign({

        }, fromObj);
    },
    methods: {
        handleStach() {
            localStorage.setItem('stach', JSON.stringify(this.$data));
        }
    }
});