vue开发组件的步骤，分四步：静态、发请求、vuex、动态展示

1.写好静态页面

2.配置路由

 3.配置api接口，发请求，skuId是要传的参数

4.vuex的配置

import { reqGoodsInfo } from "@/api"

const state = {
    goodInfo : {}
}
const actions = {
    //获取产品详情信息的数据
    async getGoodsInfo(context,skuId){
        let result = await reqGoodsInfo(skuId)
        if(result.code == 200){
            context.commit('GETGOODSINFO',result.data)
        }
    }
}
const mutations = {
    GETGOODSINFO(state,goodInfo){
        state.goodInfo = goodInfo
    }
}
const getters = {
    categoryView(state){
        return state.goodInfo.categoryView
    }
}

export default {
    state,
    actions,
    mutations,
    getters
}

5.动态展示组件