如何使用vuejs重新加载object中的值？

data() {
  return {
    myObject: {
      value1: 'initial value',
      value2: 'initial value',
      // 其他属性...
    }
  }
}

<template>
  <div>
    <button @click="reloadValues">重新加载值</button>
    <p>{{ myObject.value1 }}</p>
    <p>{{ myObject.value2 }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myObject: {
        value1: 'initial value',
        value2: 'initial value',
        // 其他属性...
      }
    }
  },
  methods: {
    reloadValues() {
      // 模拟重新加载值的过程
      this.myObject.value1 = 'reloaded value 1';
      this.myObject.value2 = 'reloaded value 2';
    }
  }
}
</script>