码迷,mamicode.com
首页 > 其他好文 > 详细

Vue计算属性

时间:2019-04-15 20:29:55      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:code   color   spl   compute   func   style   text   UNC   div   

一、计算属性

当表达式过长,或者逻辑更为复杂时,常常需要到计算属性。所有的计算属性都写在Vue实例内的computed选项内,最终返回计算后的结果。

<div id="app1">
        {{reversedText}} 
    </div>

 

var app1=new Vue({
    el:"#app1",
    data:{
        text:"123,456",
    },
    computed:{
        reversedText:function(){
            //this指向的是当前的Vue实例
            return this.text.split(",").reverse().join(",");
            //返回值:456,123
        }
    }
})

 

 

二、计算属性的用法

 

Vue计算属性

标签:code   color   spl   compute   func   style   text   UNC   div   

原文地址:https://www.cnblogs.com/qingshanyici/p/10712562.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!