美文网首页
一:Vue中的join(),reverse()与 split()

一:Vue中的join(),reverse()与 split()

作者: 程先森6666 | 来源:发表于2020-03-04 09:39 被阅读0次

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

    }

  }

})
image.png

1、splite(' ')可以将字符串按某个字符或者其他分割。返回数组。
2、reverse()该方法会改变原来的数组,而不会创建新的数组。此函数可以将数组倒序排列。
3、join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔方法join(' ');

Java自学的网站Java全栈工程师 | 以实例驱动学习 | how2j.cn

相关文章

网友评论

      本文标题:一:Vue中的join(),reverse()与 split()

      本文链接:https://www.haomeiwen.com/subject/evmplhtx.html