<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(’ ')是重组的意思,把数组合成一个字符串
来源:CSDN
作者:cathy18c
链接:https://blog.csdn.net/cathy18c/article/details/104196780