Vue完成的字符转换

NancyYiyi

已于 2022-03-15 20:01:36 修改

阅读量1.3k

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

于 2022-03-15 20:00:54 首次发布

本文链接：https://blog.youkuaiyun.com/NancyYiyi/article/details/123510758

版权

Vue 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       
       <script src="js/vue2.6.14/vue.js"></script>
       <title></title>
   </head>
   <body>
       <div id="app">
           <p>原字符串：{{msg}}</p>
           <p>反转字符串:{{reverseMsg}}</p>
       </div>
       <script>
       var app=new Vue({
           el:"#app",
           data:{
               msg:"Hello,computed!"
           },
           computed:{
               //计算属性的getter函数
               reverseMsg:function(){
                   return this.msg.split('').reverse().join('')
               }
           }
       })

       </script>
   </body>
</html>