原创 【vue3.0】14.0 某東到家（十四）——購物車
目前頁面如下： 新建組件src\views\shop\Cart.vue: <template> <div class="cart"> <div class="check"> <div class="check__
2021-10-18 11:15:22
原创 【vue3.0】13.0 某東到家（十三）——商家詳情頁開發(三)
準備mock數據： { "code": 200, "data": [{ _id: '1', name: '番茄250g/份', imgUrl: '/
2021-10-16 17:01:14
原创 【vue3.0】29.0 某東到家（十二）——商家詳情頁開發(二)
數據流轉 修改路由src\router\index.js: ······ { path: '/shop/:id', name: 'Shop', component: () => import(/* webpackChunkNa
2021-10-14 11:37:34
10
原创 【VUE+TS】2.0 JSON SCHEMA
JSON SCHEMA 有官網，開源的草案。JSON SCHEMA官網 本項目最終產出的項目就是基於JSON SCHEMA實現，目的就是表單的自動化裝配。 JSON SCHEMA：用json定義數據，並校驗數據。 一些名稱的定義最好參考官網
2021-08-24 21:53:10
7
原创 【VUE+TS】1.0 Vue3.0+TS打造企業級組件庫
目的 使用vue單元測試庫保證代碼質量 開源項目的開發發佈流程 設計合理的設計廣泛適用的API 如何保證代碼質量 vue3的實現原理 表單組件庫 高頻場景 交互複雜 定製型高 涉及到數據（校驗）安全 學習優點 代碼質量高 適應場景
2021-08-21 06:47:07
9
原创 【vue3.0】24.0 某東到家（七）——登錄頁面開發
有這麼一個設定 先登錄才能看到首頁面。 將項目src/App.vue修改： <template> <Login /> </template> <script> import Login from '@/views/login/Logi
2021-08-18 05:52:21
原创 【vue3.0】25.0 某東到家（八）——路由守衛實現登錄校檢功能、註冊頁面的實現
限制只有登錄才能訪問首頁，而不登錄只能打開登錄界面。 這就用到路由守衛功能。 修改路由配置文件``： import { createRouter, createWebHistory } from 'vue-router' cons
2021-08-18 05:52:21
原创 【vue3.0】22.0 某東到家（五）——首頁收尾以及組件合理拆分
當前src/App.vue完整代碼如下： <template> <!-- 主體內容容器 --> <div class="wrapper"> <!-- 頂部位置信息、通知欄 --> <div class="positi
2021-07-21 07:14:47
1
原创 【vue3.0】27.0 某東到家（十）——Toast彈窗和代碼拆分
全局的功能組件——自定義彈窗組件 新建src\components\Toast\Toast.vue: <template ><div class="toast">{{message}}</div> > </template> <s
2021-07-21 07:14:47
原创 【vue3.0】28.0 某東到家（十一）——商家詳情頁開發(一)
商家詳情頁開發 在開發之前準備好mock接口，返回mock如下: { code: 200, data: [ { id: '1', name: '某什麼瑪1', imgUrl: '/i18n
2021-07-21 07:14:47
原创 【vue3.0】26.0 某東到家（九）——axios發送登錄mock請求、請求函數的封裝
後端接口可以寫到自己搭建的fast mock網站上。 fast mock官方網站 在向後臺請求數據之前需要在終端安裝axios插件： > npm install axios --save 修改src\views\login\Login.
2021-07-21 07:14:37
5
原创 【vue3.0】18.0 某東到家（二）——CSS樣式和圖標：flex + iconfont
底部圖標開發使用 https://www.iconfont.cn/ 首先註冊一個賬號，然後在圖標管理中點擊我的項目： 新建項目 搜索圖標，找到心儀的圖標後懸停，加入購物車： 然後加入項目，導出到本地： 解壓縮，可以看到很多文
2021-07-18 07:30:30
原创 【vue3.0】20.0 某東到家（四）——搜索欄、廣告位橫幅和分類菜單
目前src/App.vue代碼如下： <template> <div class="wrapper"> <div class="position"> <span> <i class="position
2021-07-18 07:30:30
原创 【vue3.0】23.0 某東到家（七）——登錄頁面開發
有這麼一個設定 先登錄才能看到首頁面。 將項目src/App.vue修改： <template> <Login /> </template> <script> import Login from '@/views/login/Logi
2021-07-18 07:30:20
原创 【vue3.0】18.0 某東到家（三）——首頁頂部佈局位置欄的實現
首先安排一個大的佈局。修改app.vue： <template> <div class="wrapper"></div> <div class="docker"> <span class="docker__item dock
2021-07-18 07:30:10