vue基础（2）—— 计算属性

计算属性用于复杂或过长的逻辑的处理，计算属性必须有一个返回值

<div id="app">{{reversedText}}</div>
<script>
    var app = new Vue({
        el:'#app',
        data:{
            link:'2'
        },
        computed:{
            reversedText:function(){
                return this.text.split(',').reverse().join(',');
            }
        }
    })
</script>

计算属性与methods的区别

methods可以模仿computed写返回值

<div id="app">
    {{reversedText()}}//这里是一个方法要带上括号()
</div>
<script>
    var app = new Vue({
        el:'#app',
        data:{
            link:'2'
        },
        methods:{
            reversedText:function(){
                return this.text.split(',').reverse().join(',');
            }
        }
    })
</script>

计算属性依赖缓存，只有所依赖的数据发生变化时，才会重新取值。