Html

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">逆轉訊息</button>
</div>

Vue.js

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})
 

執行前：

執行後:

1、splite(' ')可以將字串按某個字元或者其他分割。返回陣列。
2、reverse()該方法會改變原來的陣列，而不會建立新的陣列。此函式可以將陣列倒序排列。
3、join()方法用於把陣列中的所有元素放入一個字串。元素是通過指定的分隔符進行分隔的。指定分隔方法join(' ');