在显示之前覆盖道具

【问题标题】：Overriding props before displaying在显示之前覆盖道具
【发布时间】：2018-01-10 09:29:25
【问题描述】：

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

所以基本上，如果道具是“hello”，我想像“Hello World”一样显示它。

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

【问题讨论】：

【解决方案1】：

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

这是一个例子。

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

new Vue({
  el: "#app"
})

<script src="https://unpkg.com/vue@2.2.6/dist/vue.js"></script>
<div id="app">
  <hello :msg="'Hello'"></hello>
</div>

【讨论】：