一、知识点:
1.split(''). :方法用于把一个字符串分割成字符串数组。
2.reverse(). :方法用于颠倒数组中的元素顺序
3.join('') :方法也就是把数组中的所有元素以字符串的形式输出
二、代码:
<body>
<div id="app">
<p>{{ message }}</p>
<button @click="reverseMessage">反转字符串</button>
</div>
<a :href="www.baidu.com">baidu</a>
<script>
new Vue({
el: '#app',
data: {
message: '我学会了vue!'
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
</script>
</body>