Vue中的join(),reverse()与 split()函数用法解析
html<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">逆转消息</button></div&
   ·  
 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(' ');
   
更多推荐
 


所有评论(0)