请教v-model如何与localstorage双向绑定

Question

现在有个需求，之前是用vuex与v-model双向绑定，但是刷新以后就无效了 ，于是想到是否可以v-model 与 localstorage进行双向绑定，这样就可以刷新页面了。

Answer 1

使用vuex-persist将vuex持久化,支持sessionStorage和localStorage
vuex-persist

Answer 2

在 store 里，初始值从 localStorage 中获取，commit 的同时保存到 localStorage 中不就可以了吗

Answer 3

借助 computed 的 get/set

<input v-model="_value">

export default {
  computed: {
    _value: {
      get() {
        return localStorage.getItem('value')
      },
      set(value) {
        localStorage.setItem('value', value)
      }
    }
  }
}