<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <p>{{name}}</p> <button v-on:click="nizuan">逆转消息</button> <hr/> <p>{{name|fan}}</p> </div> </body> <script> new Vue({ "el":"#app", "data":{ "name":"yingqubaifumei" }, // "methods":{ // nizuan:function () { // this.name=this.name.split("").reverse().join("") // } // }, filters:{ fan:function (data) { if(!data){ return ""; } return data.split("").reverse().join("") } } }) </script> </html>
vue-逆转消息两种方法
最新推荐文章于 2024-08-09 08:08:31 发布