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

vue-----5计算属性

时间:2020-06-28 00:20:01      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:控制   text   没有   --   func   UNC   逻辑   pre   computed   

计算属性

将函数当做变量使用

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

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

而一个变量你改动了它,或其他操作,没人知道,后面回用到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}}以属性的方式调用

vue-----5计算属性

标签:控制   text   没有   --   func   UNC   逻辑   pre   computed   

原文地址:https://www.cnblogs.com/gyxpy/p/13200406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!