是否可以从Vue组件中的方法中更改props值？

<template>
  <button @click="updateValue">Update Value</button>
</template>

<script>
export default {
  props: ['value'],
  methods: {
    updateValue() {
      this.$emit('update:value', newValue);
    }
  }
}
</script>

<template>
  <ChildComponent :value="parentValue" @update:value="parentValue = $event" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentValue: 'initial value'
    };
  }
}
</script>

<template>
  <div>{{ localValue }}</div>
  <button @click="updateLocalValue">Update Local Value</button>
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      localValue: this.value
    };
  },
  watch: {
    value(newValue) {
      this.localValue = newValue;
    }
  },
  methods: {
    updateLocalValue() {
      this.localValue = 'new value';
    }
  }
}
</script>

<template>
  <div>{{ computedValue }}</div>
  <button @click="updateComputedValue">Update Computed Value</button>
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      localValue: this.value
    };
  },
  computed: {
    computedValue: {
      get() {
        return this.localValue;
      },
      set(newValue) {
        this.localValue = newValue;
      }
    }
  },
  methods: {
    updateComputedValue() {
      this.computedValue = 'new value';
    }
  }
}
</script>