Vue中computed计算属性
话不多说,使用方法直接上代码
//在模板中调用computedTest这个函数,切记不要在函数后添加()
{{ computedTest }}
export export{
created(){
}
computed: { //计算属性 computedTest() { //计算属性中的一个函数,随便用,记得是return,return的数据就是页面上显示的数据,如果data中的数据发生变化,那么computed引用的数据也会发生变化 return ( //返回值 "computed在使用的过程中不在函数后添加()直接使用,只要data中的数据发生改变,那么computed的数据也会发生改变" + this.message2 + "this.$store.state.count的值为" + this.$store.state.count //这个 this.$store.state.count是我在Vuex里模拟的数据 ); }, }, }
【Vue中computed计算属性】
![Vue中computed计算属性](https://img.it610.com/image/info8/673e607ea9dd44ef9f1ce6d859515da2.png)
文章图片
小结: 使用conputed可以极大程度上减少template中的文本描述,页面简洁,方便修改,需要敲代码的主动调用,调取缓存
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- vue-cli|vue-cli 3.x vue.config.js 配置
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募