<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app-5">
<p>{{message}}</p>
<button v-on:click="obj">逆转消息</button>
</div>
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
new Vue({
el:"#app-5",
data:{
message:"沈鑫我老公，我是她老婆大人"
},
methods:{
obj:function(){
this.message=this.message.split('').reverse().join('')
}
//split() 方法用于把一个字符串分割成字符串数组。
//reverse() 方法用于颠倒数组中元素的顺序。
//join() 方法用于把数组中的所有元素放入一个字符串。
}
})
</script>
</html>
