＆quot“ getWatchLength”不是在实例上定义的，而是在渲染过程中引用的。确保在数据选项中声明反应性数据VUE JS属性

Question

我有一个Vuex商店，它存储了监视产品长度的状态，我会在商店中获得产品长度，但是每次尝试在代码中尝试{{getWatchLength}}时，我都会获得“ getWatchLength

”我进入控制台 https://imageshack.com/i/pmlnox9nj

这是我的VUEX商店 https://imageshack.com/i/pmp87o5ij

html代码

<template>
  <div id="app">
    {{ getWatchLength }}
    <router-view></router-view>
  </div>
</template>

我的脚本标签

<script>
import { mapActions } from "vuex";
import { mapGetters } from "vuex";
export default {
  name: "app",
  data() {
    return {
      categoryID: null,
      categories: [],
      products: [],
      show: null
    };
  },
  computed: {
    ...mapGetters( ["getWatchLength"], ["isLoggedIn"])
  }
};
</script>

，我不知道我在做什么错

Answer 1

尝试以下类似：

import { mapGetters, mapActions } from 'vuex';

computed: {
  ...mapGetters(["getWatchLength", "isLoggedIn"])
}