// 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));
}
}
});