Javascript 在vue.js中用父方法重写子方法

假设我有一个子组件

save-button.vue

<template>
<!--some code like label/div-->
<button @click="save">Save</button>
<!--some code like label/div-->
</template>
<script>
export default{
  methods:{
    save(){
      //some code here
    }
  }
}
</script>

拯救
导出默认值{
方法：{
保存（）{
//这里有一些代码
}
}
}

parent.vue

<save-button/>
...
<script>
export default{
  methods:{
    save(){
      //some codes
    }
  }
}
</script>

...
导出默认值{
方法：{
保存（）{
//一些代码
}
}
}

---

现在在父组件中，我需要用parent.vue中的save函数覆盖save-button.vue中的save函数。我该怎么做？save-button.vue中的保存功能由许多其他组件共享

您可以将该功能作为非必需的道具传递

母公司

使用父项：
使用默认值：
从“/components/SaveButton”导入SaveButton；
导出默认值{
组成部分：{
保存按钮
},
方法：{
保存（）{
log（“从父级保存！”）；
}
}
};

孩子

拯救
导出默认值{
道具：{
保存：{
类型：功能，
默认值：null
}
},
方法：{
saveClicked（）{
if（this.save）{
这是save（）；
返回；
}
log（“从孩子那里保存！”）；
}
}
};