如何在vue js中更新本地存储中的对象？

import localStorage from 'localStorage';

data() {
  return {
    myObject: {
      key1: value1,
      key2: value2,
      // ...
    }
  }
}

mounted() {
  const storedObject = JSON.parse(localStorage.getItem('myObject'));
  if (storedObject) {
    this.myObject = storedObject;
  }
}

watch: {
  myObject: {
    handler(newVal) {
      localStorage.setItem('myObject', JSON.stringify(newVal));
    },
    deep: true
  }
}