小编Kil*_*ian的帖子

我正在尝试使用 Vue 反向显示字符串。我的模板是：

<div id="app">
  <reverse :msgreverse="message" :reverseMessage="reverseMessage()"></reverse>
</div>

还有我的脚本：

function reverseMessage(msg) {
  return msg.split('').reverse().join('')
}

Vue.component('reverse', {
  props:["msgreverse", "reverseMessage"],
  template: '<p v-html="reverseMessage(msgreverse)"></p>'
})

var app = new Vue({
  el: '#app',
  data: {
    message:'The message to reverse !',
  }
})

这失败并出现以下控制台错误：

• 类型错误：reverseMessage 不是函数。（在 'reverseMessage()' 中，'reverseMessage' 未定义）

• 渲染错误：“TypeError：reverseMessage 不是函数。（在‘reverseMessage()’中，‘reverseMessage’未定义）”

• 属性或方法“reverseMessage”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保此属性是反应性的，无论是在数据选项中，还是对于基于类的组件

如何让<reverse>组件反向显示给定的字符串？