Java自學(xué)的網(wǎng)站Java全棧工程師 | 以實(shí)例驅(qū)動學(xué)習(xí) | how2j.cn
Html:
<div id="app-5">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">逆轉(zhuǎn)消息</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(' ')可以將字符串按某個字符或者其他分割恼布。返回數(shù)組器仗。
2丹锹、reverse()該方法會改變原來的數(shù)組班套,而不會創(chuàng)建新的數(shù)組猿妈。此函數(shù)可以將數(shù)組倒序排列吹菱。
3、join()方法用于把數(shù)組中的所有元素放入一個字符串彭则。元素是通過指定的分隔符進(jìn)行分隔的鳍刷。指定分隔方法join(' ');
Java自學(xué)的網(wǎng)站Java全棧工程師 | 以實(shí)例驅(qū)動學(xué)習(xí) | how2j.cn