[JavaScript知识库]关于store中数据不持久的考虑，入口页面就去拿数据存到store中，数据先行

我在这个路由的最顶部组件中就去发请求，然后存到store中，那么这个路由页面包含的组件
是不是就可以去用store中存储的数据了。
页面刷新也无所谓，我请求还会重新发，store中依然会存入值，相当于store是一个容器，一个"放"，一个“拿”

Layout.vue

<template>
  <nav><app-topnav></app-topnav></nav>
  <header><app-header></app-header></header>
  <main style="height: 500px">
    <!-- 二级路由 -->
    <router-view></router-view>
  </main>
  <footer><app-footer></app-footer></footer>
</template>
<script>
import { useStore } from "vuex";
import AppTopnav from "@/components/app-topnav.vue";
import AppHeader from "@/components/app-header.vue";
import AppFooter from "@/components/app-footer.vue";
export default {
  name: "xtx-layout",
  components: {
    AppTopnav,
    AppHeader,
    AppFooter,
  },
  setup() {
    const store = useStore();
    // 在这个路由页面我就去发请求拿数据，那么在各个组件里是不是就可以是用stroe中的数据了
    store.dispatch("cartegory/getList");
    return {};
  },
};
</script>
<style lang='less' scoped>
</style>

在这个页面发请求拿到数据，放到store中，然后在这个页面的子组件都可以去store中取数据。