可以从 vuex 中创建的钩子调用 getters 吗？

Question

我有一个 getter 那个 returns 篮子里的总价。我需要在组件首次呈现时调用它 getter。在 created hook 中调用这个 getter 是否正确？

created(){
    return this.$store.getters.getTotalPrice;
}

getter

getTotalPrice(state){
    for (let i in state.basket){
        state.totalPrice += state.basket[i].productPrice;
    }
}

Answer 1

以下是实现此目的的方法：

Vue 组件：

<script>
export default {
  data() {
    return {
       totalPrice:0
    };
  },
  created: function () {
    let self = this;
    self.totalPrice = self.$store.getters.getTotalPrice;
    console.log(self.totalPrice);
  },
};
</script>

在 Vuex 模块中定义 Getters：

const getters = {
  getTotalPrice: (state) => {
    let totalPrice = 0;
    for (let i in state.basket){
        totalPrice += state.basket[i].productPrice;
    }
    return totalPrice;
  },
};
export default {
  state,
  mutations,
  actions,
  getters
}

可以从 vuex 中创建的钩子调用 getters 吗？

Can getters be called from created hook in vuex?

getter

vue.js

vuex