开发某一个产品的详情页面

1.静态组件

---注册路由，（router.js)

---，要传参

    {

        path:"/detile/:skuid",

        component:Detile,

        meta:{show:false}

    },

---当点击图片时，跳转到详情页面，要传参

<router-link :to="`/detail/${good.id}`">//属性值中出现了变量，所以要变成动态的to，传参所以用``

                      <img :src="good.defaultImg"/>

                    </router-link>

2.发请求api

//获取商品详情 地址/api/item/{ skuId } 请求方式 GET

export const reqGoodsInfo=(skuId)=> requests({url:`/item/${skuId}`,method:'get'})

3.vuex

---vuex还需要新增一个模块detail.js

四件套state,

    mutations,

    actions,

    getters

再回大仓库中合并（引入）

----发