计算属性 computed

vue中的computed也可以进行数据的展示,他有以下的特点
一 ,基本用法
1.数据可以进行逻辑处理操作
2.对计算的属性可以进行监视(原来的数据变化了,计算的数据也会跟着变化)

    var vm = new Vue({
        el:'#test',
        data:{          
            msg:"要么 干脆吃 锅巴"
        },
        computed:{
                        //要写成要给函数的形式,返回基本的数据
            msg1:function(){
                return "我要吃莱奥"
            },
            changeMsg:function(){
                       //数据进行计算
                return this.msg.split(' ').reverse().join(' ');
            }
        },
        methods:{
            
        },
        mounted:function(){
        
        }
    });

二,计算属性 与方法
将计算属性的get函数定义为一个方法也可以实现类似方法的功能
区别:
1.计算属性是基于他的依赖进行的,只有在相关依赖发生改变时才能更新变化。
2.计算属性是有缓存的,只有相关依赖没有变化,多次访问计算属性得到的值是之前缓存的计算结果,不会多次执行。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容