为什么Vue Js计算的消息没有显示在DOM中?

时间:2017-09-02 08:07:46

标签: javascript html dom vue.js

我试图在Vue实例中计算一条消息,以便它显示在一个h1元素中 - 反转,但它没有显示出来。知道为什么吗?



    new Vue({
      el: '#comp-prop2',
      data: {
        message: 'Hello World...again!'
      },
      computed: {
        reversedMessage() {
          return this.message.split('').reverse.join('');
        }
      }
    })

<script src="https://unpkg.com/vue"></script>

   <div id="comp-prop2">
        <h1> {{ reversedMessage }} </h1>
    </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

reverse()而非reverse

所以喜欢这个

return this.message.split('').reverse().join('');

* reverse()是一种方法,您忘记了()

以下是fiddle