我想通过Vue.js在购物车中已经存在产品ID时，在每次点击时设置本地存储和数量增量

import Vue from 'vue';

data() {
  return {
    cart: [],
  };
},

methods: {
  addToCart(productId) {
    // 检查购物车中是否已存在该产品ID
    const existingProduct = this.cart.find(item => item.productId === productId);

    if (existingProduct) {
      // 如果已存在，增加数量
      existingProduct.quantity++;
    } else {
      // 如果不存在，添加新的产品到购物车
      this.cart.push({ productId, quantity: 1 });
    }

    // 将购物车数据存储到本地存储
    localStorage.setItem('cart', JSON.stringify(this.cart));
  },
},

mounted() {
  const cartData = localStorage.getItem('cart');

  if (cartData) {
    this.cart = JSON.parse(cartData);
  }
},