vue-----5计算属性

Posted 2020-12-13 gyxpy

计算属性

将函数当做变量使用

用的时候喜欢变量，因为简洁

但更多的时候更喜欢他是一个函数，因为函数调用的时候许多地方是我们可以控制的

而一个变量你改动了它，或其他操作，没人知道，后面回用到watch

此时有个东西叫计算属性

字符串反向输出

｛｛msg.split("").reverse().join("")｝｝

但是很不舒服，因为你把一个内部的逻辑暴露了出来，内衣外穿的不舒服

1，封装到函数中

将上面的逻辑封装到methods：｛

msg:funtion(){

return this.msg.split("").reverse().join("")

}

｝

html中｛｛msg（）｝｝

如果连括号都懒得写

则用

2 计算属性

methods:{
                addCount:function(){
                    this.count++;
                },
                subCount: function(){
                    this.count--;
                }
            },
computed:{
                msg:function(){

                }
            },

和methods平等的级别，写也没有区别

但是在html中可以｛｛msg｝｝以属性的方式调用