vue核心技術與實戰(zhàn)day08-day10智慧商城項目

項目打包Θ?????????????????移動端?∥組件庫?????全部Θ按需導入項目打包Θ?????????????????移動端?∥組件庫?????全部Θ按需導入安裝腳手架ě?ě?????ě??????^?????^???ě??ěΘ>???安裝腳手架ě?ě?????ě??????^?????^???ě??ěΘ>?????^^vantvantVuePCelement-ui(VuePCelement-ui(element-ant-design-CubeUIMintUI ?????????ěě??importVantfrom'vant'import把vant<van-buttontype="primary">主要按鈕</van-<van-buttontype="info">信息按鈕</van-?????ěěimportVuefrom?????ěěimportVuefromimport{Button}fromnpmibabel-plugin-③babel.config.jsmodule.exports={presets:[<van-buttontype="primary">主要按鈕</van-<van-buttontype="info">信息按鈕</van-'@vue/cli-plugin-⑥提取到vant-ui.jsmain.jsimport'@/utils/vant-plugins:[['import',{libraryDirectory:style:},vw?????ěě?????????????????∥????Λ?????vw?????ěě?????????????????∥????Λ?????//postcss.config.jsmodule.exports={plugins:'postcss-px-to-viewport':viewportWidth:tabbarvant-ui.jsimport{Tabbar,tabbarvant-ui.jsimport{Tabbar,<van-tabbar-<van-tabbar-<van-tabbar-</van-<van-tabbaractive-inactive-<van-tabbar-itemicon="wap-home-o">首頁<van-tabbar-itemicon="apps-o">分類頁<van-tabbar-itemicon="shopping-cart-o">購物車<van-tabbar-itemicon="user-o">我的</van-<van-tabbar<van-tabbar-item</van-tabbar-<van-tabbar<van-tabbar-item</van-tabbar-<divclass="layout-<router-view></router-...(導航部分?規(guī)則Θ組件`styles/common.less``styles/common.less`requestaxiosrequestaxios/apidoc/shared-12ab6b18-adc2-444c-ad11-0e60f5693f66/doc-???????base64base64API模塊(存放封裝好的請求函數(shù)請求AFn(請求請求API模塊(存放封裝好的請求函數(shù)請求AFn(請求請求EFn(BFn(BFn(DFn(請求CFn(AFn(請求Toastimport{Toast}fromToastimport{Toast}from'vant'importToastfrom'vant'this.$toast('提示內容tokenvuexvuexusercommittokenvuexvuexusercommitstoragevuex問題1：vuex將tokenlocalStorage.setItem('hm_shopping_info',storagevuex問題1：vuex將tokenlocalStorage.setItem('hm_shopping_info',constINFO_KEY=exportconstgetInfo=()=>constresult=localStorage.getItem(INFO_KEY)returnresult?JSON.parse(result):{//exportconstsetInfo=(info)=>'',localStorage.setItem(INFO_KEY,//exportconstremoveInfo=()=>{storageloadingloading說明：智慧商城項目，大部分頁面，游客都可以直接訪問,??????說明：智慧商城項目，大部分頁面，游客都可以直接訪問,??????from,next)=>to往哪里去，from從哪里來，next()next(路徑from,next)=>to往哪里去，from從哪里來，next()next(路徑判斷是否有v-model(:value@inputtokentokenapi/cart.jsapi/cart.js購物車列表跳轉傳遞查詢參數(shù)mode="cart"和跳轉傳遞查詢參數(shù)mode="cart"和mode="buyNow",goodsId,mode="buyNow",goodsId,goodsSkuId,④④命令：yarnbuild命令：yarnbuildconstconstProDetail=()=>import('@/views/prodetail')c