Vue.js 显示前覆盖道具

在Vue中，是否有方法通过设置方法在视图中显示道具数据之前覆盖/操作道具数据，或者是否有开关，或者是否可以在组件模板中使用开关

所以基本上，如果道具是“你好”，我想把它显示为“你好世界”

在vue中实现这一点的正确方法是什么？

使用

Vue.component（“你好”{
道具：[“msg”]，
模板：`{{问候语}}}`，
计算：{
问候语（）{
返回此。msg+“世界！”
}
}
})

这里有一个例子

Vue.component（“你好”{
道具：[“msg”]，
模板：`{{问候语}}}`，
计算：{
问候语（）{
返回此。msg+“世界！”
}
}
})
新Vue({
el:“应用程序”
})

Vue.component("hello", {
  props:["msg"],
  template: `<div>{{greeting}}</div>`,
  computed:{
    greeting(){
      return this.msg + " world!"
    }
  }
})