在学习Vue的过程中，接触到了反转字符串，正好对split( )函数【JavaScript踩坑（6）split( )用法https://blog.csdn.net/qwe122343/article/details/104072554】有了进一步实践
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue-反转字符串</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<h1>{{message}}</h1>
<button v-on:click = "reverseMessage">反转字符串</button>
</div>
<script>
vm = new Vue({
el:"#app",
data:{
message:"Hello the world of JavaScript!"
},
methods:{
reverseMessage:function () {
this.message = this.message.split("").reverse().join("");
}
},
});
</script>
</body>
</html>
运行结果：
这里需要注意这两行代码，
<button v-on:click = "reverseMessage">反转字符串</button>
v-on 是Vue中的用法， v-on 监听按钮的事件，并对用户的输入进行响应
this.message = this.message.split("").reverse().join("");
JS中的这3个方法：
split方法的作用是把一个字符串分割成字符串数组
reverse方法的作用是颠倒数组中元素的顺序
join方法的作用是把数组中的所有元素放入一个字符串
注意 split 和 join 方法括号里要加引号
