2017-09-02 52 views
0

我想在Vue實例中計算一條消息,以便它顯示在h1元素中 - 相反,但它不顯示。任何想法爲什麼?爲什麼Vue Js計算的消息沒有顯示在DOM中?

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>

+1

及其在vuejs一個基本的例子:https://vuejs.org/v2/guide/#Handling-User-Input – C2486

回答

1

reverse()reverse

所以這樣

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

* reverse()是一個方法,你忘了()

這裏是fiddle

+1

及其'反向()''不反向()':) – talkhabi

+0

@ Damon.s gud你指出了....謝謝你:) –