vuejs上的反转字符串例子

妖精的绣舞 提交于 2020-03-01 03:22:01
<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">反转消息</button>
</div>

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

split(’ ‘)会把数据拆分为一个数组,括号里的’ ‘是把数据拆分为每个字符串的意思
reverse( )是翻转的意思,把数据反过来
join(’ ')是重组的意思,把数组合成一个字符串

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!