计算属性_JavaScript 之computed计算属性基础使用

vue 的 computed 一般我们用来监听某一个值的变化,但是特定环境下,我们循环渲染一个列表的时候需要对值进行特殊处理,需要传入形参调用函数,但是又想要动态的计算值的变化使视图发生改变

主意: 一般 computed 不能使用函数的方式去调用,不能加括号

如何做到传入形参呢

6fcdf7cab6f1b8b53b8b6d14b4010685.png

eeb41db17964a315f703aaa807f29e6c.png

7988f71704609b58e56b96b64ebcfc90.png

changeTitle 是一个计算属性监听,返回一个函数,这个函数接收一个形参,将形参放入函数体中进行操作 在dom中写入 changeTitle("测试")//测试333

第二个是vuex的 mapState辅助函数, 这个函数可以用于监听store中数据变化的时候响应视图更新,内部的count可以看做就是一个计算属性监听,它的name和store中数据名称一致话可以使用此简写,其相当于count: this.$store.state.count,而mapState是一个函数返回值是一个对象,通过 ...对象解构方式将属性函数展开,使代码更加精简

121db2dc576d23f660bd98bc8f8b6272.png

af7da808842b32671d01335dfdf14b12.png

ce253bff4228fa918798619599eca41f.png

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值