vue核心技术与实战day08-day10智慧商城项目

项目打包ΘĂƉŝƐƚŽƌĂŐĞƌĞƋƵĞƐƚ移动端ǀǁ组件库ǀĂŶƚ;全部Θ按需导入项目打包ΘĂƉŝƐƚŽƌĂŐĞƌĞƋƵĞƐƚ移动端ǀǁ组件库ǀĂŶƚ;全部Θ按需导入安装脚手架ĚĞĚŝĐĂƚĞĚĐŽŶĨŝŐ^ůŝŶƚ͗^ƚĂŶĚĂƌĚΘ>ŝŶƚ安装脚手架ĚĞĚŝĐĂƚĞĚĐŽŶĨŝŐ^ůŝŶƚ͗^ƚĂŶĚĂƌĚΘ>ŝŶƚŽŶ^^vantvantVuePCelement-ui(VuePCelement-ui(element-ant-design-CubeUIMintUI LJĂƌŶLJĂƌŶĂĚĚǀϮimportVantfrom'vant'import把vant<van-buttontype="primary">主要按钮</van-<van-buttontype="info">信息按钮</van-LJĂƌŶĂĚĚimportVuefromLJĂƌŶĂĚĚ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:},vwLJĂƌŶĂĚĚƉŽƐƚĐƐƐͲƉdžͲƚŽͲǀŝĞǁƉŽƌƚΛϭ͘ϭ͘ϭvwLJĂƌŶĂĚĚƉŽƐƚĐƐƐͲƉdžͲƚŽͲǀŝĞǁƉŽƌƚΛϭ͘ϭ͘ϭ//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-...(导航部分;规则Θ组件`styles/common.less``styles/common.less`requestaxiosrequestaxios/apidoc/shared-12ab6b18-adc2-444c-ad11-0e60f5693f66/doc-ƌĞƋƵĞƐƚbase64base64API模块(存放封装好的请求函数请求AFn(请求请求API模块(存放封装好的请求函数请求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购物车列表跳转传递查询参数mode="cart"和跳转传递查询参数mode="cart"和mode="buyNow",goodsId,mode="buyNow",goodsId,goodsSkuId,④④命令：yarnbuild命令：yarnbuildconstconstProDetail=()=>import('@/views/prodetail')c