Question

我是Nuxtjs的新手，我在Nuxtjs中使用Vuex，如何从两个不同的数据源中获取数据？

我有一个课程表和课程类别表。

课程我已经可以检索并显示，课程类别我直到现在都无法。

我的结构是：

在商店目录中，我有以下文件：

index.js
courses.js
courseCategories（仅更改api调用和的名称）

在页面目录中，我有以下文件：

index.vue
courses.vue

在pages / index.vue：

async fetch({store}){
    await store.dispatch('courses/fetchAllCourses')
    await store.dispatch('coursesCategories/fetchAllCoursesCategories')
  }

在pages / courses.vue中，我具有计算出的属性：

courses(){
    return this.$store.state.courses.all
},
coursesCategories(){
    return this.$store.state.coursesCategories.all
},

在stores / courses.js中，我有以下代码：

export const state = () => ({
    all : []    
})

export const actions = {
   async fetchAllCourses({commit}) {
        let courses = await this.$axios.$get('/courses/')
        commit('setCourses', courses)
   }
}

export const mutations  = {
    setCourses(state, courses) {
        state.all = courses
    }
}

对于类别，我只需将api调用更改为courseCategories并重命名变量

我如何获取课程类别数据？我在做什么错了？

Nuxtjs如何管理两个不同数据源的状态

0 个答案: