Vue.js - 编辑 SessionStorage 数据

Question

我有一个从表单中保存的 sessionStorage 项目（购物车）。我还有一个按钮，可让您编辑购物车物品。我想要做的是每当用户编辑购物车项目时， sessionStorage 就会更新。我如何使用 vue 做到这一点？

Vue.js 代码：

window.onload = function () {

new Vue({
  el: '#cart-items',
  data () {
    return {
      cart: ''
    }
  },
  mounted () {
    if(sessionStorage.cart) {
        const cart1 = sessionStorage.cart;
        this.cart = JSON.parse(cart1);
    }
  },
  computed:{

  },
  methods:{

  }
})

}

Answer 1

您可以在此变量上设置watch，并在每次更改时更新sessionStorage：

watch: {
    cart: function(val) {
      sessionStorage.setItem("cart", val);
    }
}

如果您想要更好的技术，请查看Vuex。