Vue：更新方法内部的同步属性

如何解决Vue：更新方法内部的同步属性

我正在尝试使用同步属性模式，以便可以在父级和子级之间共享唯一属性（因此，对我来说，使用vuex之类的模式似乎是不必要的，就像飞弹般投掷炸弹）。我设法按如下方式连接了同步属性：

孩子：

<template>
    <v-btn @click="syncedProp = false"> Done </v-btn>
</template>

export default {
  props: {
    myProp: {
      type: Boolean,},computed: {
    syncedProp: {
      get() {
        return this.myProp
      },set(value) {
        this.$emit('update:myProp',value)
      },}

父母：

<template>
    <Child :myProp.sync="parentProp"/>
</template>

export default { 
  data: function(){
    return {
       parentProp = ''
    }
  }
}

此策略对我有用，它可以完成预期的任务，即从子级发出修改属性的事件，以便父级对其进行更新，并且更改会反映在子级中。但是我的问题是，现在孩子打算从方法而不是直接修改我想做的属性。这意味着（查看@click行）：

具有方法的子项

<template>
  <v-btn @click="changeProperty(false)"> Done </v-btn>
</template>

export default {
  props: {
    myProp: {
      type: Boolean,methods: {
    changeProperty(value) {
      this.syncedProp = value
    }
  }
}

从按钮可以看到，我调用了更新属性的方法，该方法应调用$ emit。但是有了方法，它就没有了，但是没有直接方法就了。为什么是这样？我该怎么办呢？谢谢。