<!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>