在vue.js中,有关计算属性

时间:2017-10-28 04:01:07

标签: vue.js

我是vue.js的新手,并尝试使用计算属性,但我收到了错误

这会导致错误

export default {
    name: 'echarts_demo',
    data() {
      return {
        data:[],
        raw_data:[]
      }
    },
    computed:{
      deal_Data:
        this.do_data

    },
    methods:{
      do_data: function (){
       .....
        }
      },
    },
}

如果我改成它,它可以很好地运作

 computed:{
  deal_Data:function(){
    this.do_data()
  }
},
methods:{
  do_data: function (){
     ...
  },
},

那是什么原因?

1 个答案:

答案 0 :(得分:0)

计算属性必须返回一个值。在计算属性中执行此操作deal_Data() { return this.do_data()}。这种方法的缺点是计算属性永远不会更新。

  

计算属性根据其依赖性进行缓存。计算属性仅在其某些依赖项发生更改时才会重新计算。Computed Properties - Guide