vue-good-storage

业务描述

当我们需要记录组件的一些状态属性，譬如在一个左右布局的页面中，我们允许用户自定义页面比例，并希望在重新打开页面后能保持用户之前所设置的比例。

如何引入？

import VueGoodStorage from 'vue-good-storage'
Vue.use(VueGoodStorage)

组件中链式调用

export default {
    storage(storage) {
        return storage
            .key(this.$route.path)
            .build({
                split: 0.25
            })
    }
}
        

函数返回对象

export default {
    storage() {
        return {
          key: this.$route.path,
          build: {
            split: 0.25
          }
        }
    }
}
        

注意事项

key 必须存在，并且唯一，通常使用路由即可，但多个组件同时使用时会导致相互覆盖。