zoukankan      html  css  js  c++  java
  • Vuex异步请求数据通过computed计算属性值

    问题描述:

    使用Vuex管理数据时,在组件内使用$emit分发事件后,获取回来的数据要自动更新到该组件内,需要使用computed来计算更新。

    一开始尝试使用赋值给data的方法,后来发现重新发起ajax请求数据后无法更新新数据。

    因为data属性只是在组件实例化时赋值一次,依赖发生变化时不会更新,想要使用data来获取computed同样的效果可以对data的字段进行watch。

    而计算属性是基于它的依赖缓存的。计算属性在它的相关依赖发生改变时会重新取值,所以当ajax请求回来的数据发生变化时,计算属性的值会进行更新,相关的模板引用也会重新渲染。

    相比较而言使用computed更方便,如下是在实际应用中要不断更新的字段,this.$store.state.templateStorage.recommendTpl 是由ajax重新获取的数据。

    computed: {
          recommendTpl () {
            return this.$store.state.templateStorage.recommendTpl;
          }
        },
  • 相关阅读:
    string的sizeof
    计算程序运行时间
    sleep所在头文件
    Mysql复制表结构、表数据
    UIView属性
    UITextView
    UITextField属性
    UISwitch属性
    UISlide属性
    UISegment属性
  • 原文地址:https://www.cnblogs.com/snowhite/p/9134685.html
Copyright © 2011-2022 走看看