Vue.js-编辑会话存储数据

我有一个从表单中保存的会话存储项（购物车）。我还有一个按钮，可以让你编辑你的购物车项目。我想做的是，每当用户编辑购物车项目时，会话存储就会更新。如何使用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:{

  }
})

---

}

您可以在此变量上设置一个

监视

，并在每次更改时更新

会话存储

：

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

---

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

谢谢！不使用vue cli就可以使用vuex吗？当然可以。您可以使用

npm

正常安装它。但我建议您在使用之前仔细阅读文档。