oracle split函數用法_一：Vue中的join(),reverse()與 split()函數用法解析

Java自學的網站(Java全棧工程師 | 以執行個體驅動學習 | how2j.cn)

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(' ');
           

Java自學的網站(Java全棧工程師 | 以執行個體驅動學習 | how2j.cn)