<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../Vue/vue.min.js" type="text/javascript"></script> </head> <body> <div id="app"> <input type="text" v-model="name" placeholder="你的名字" /> <h1>你好 ：{{reversedText}}</h1> </div> <script > var app = new Vue( { el:"#app", data: { name:'1234,5678' }, computed: { reversedText: function () { return this.name.split(',').reverse().join(','); } } }) console.log(app.name); </script> </body> </html>