在App.vue中绑定字符串，更改后不会更新

<template>
  <div>
    <p>{{ myString }}</p>
    <button @click="changeString">Change String</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myString: 'Hello World'
    };
  },
  methods: {
    changeString() {
      this.$set(this, 'myString', 'Updated String');
    }
  }
};
</script>

<template>
  <div>
    <p>{{ myString }}</p>
    <button @click="changeString">Change String</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myString: 'Hello World'
    };
  },
  methods: {
    changeString() {
      this.myString = 'Updated String';
    }
  }
};
</script>