ChatGPT輔助開發(fā)，前端Vue2+3入門到實戰(zhàn)教程

　　第一章：Vue2.x技術精講

　　001. Vue是什么
　　002. 創(chuàng)建一個Vue實例
　　003. 插值表達式
　　004. Vue響應式特性
　　005. 開發(fā)者工具安裝
　　006. 指令初識 v-html
　　007. 指令 v-show 和 v-if
　　008. 指令 v-else 和 v-else-if
　　009. 指令 v-on
　　010. 指令 v-bind
　　011. 案例-波仔的學習之旅
　　012. 指令 v-for
　　013. 案例-小黑的書架
　　014. 指令 v-for的key
　　015. 指令 v-model
　　016. 綜合案例-小黑記事本
　　017. 指令修飾符
　　018. v-bind操作class
　　019. v-bind操作class案例-tab導航欄切換
　　020. v-bind操作style
　　021. v-model應用于其他表單元素
　　022. computed計算屬性
　　023. computed計算屬性 VS methods方法
　　024. computed計算屬性完整寫法
　　025. 成績案例 - 渲染&刪除&添加&統(tǒng)計
　　026. watch偵聽器
　　027. watch完整寫法
　　028. 綜合案例 - 水果購物車
　　029. 生命周期 & 生命周期鉤子
　　030. 綜合案例 - 小黑記賬清單
　　031. 工程化開發(fā) 和 腳手架
　　032. 項目目錄介紹 和 運行流程
　　033. 組件化開發(fā) 和 根組件說明
　　034. 組件注冊 - 全局注冊 和 局部注冊
　　035. 綜合案例 - 小兔鮮首頁 - 組件拆分
　　036. scoped樣式沖突
　　037. data是一個函數(shù)
　　038. 組件通信
　　039. 什么是prop
　　040. props校驗-基礎類型校驗
　　041. props校驗-完整寫法
　　042. props和data的區(qū)別，單向數(shù)據(jù)流
　　043. 綜合案例 - 小黑記事本組件版
　　044. 非父子通信 - 事件總線
　　045. 非父子通信 - provide-inject(拓展)
　　046. v-model的原理
　　047. v-model封裝表單類組件
　　048. sync修飾符
　　049. ref和$refs獲取dom
　　050. ref和$refs獲取組件
　　051. Vue異步更新和$nextTick
　　052. 自定義指令 - 語法
　　053. 自定義指令 - 封裝v-loading指令
　　054. 插槽-默認插槽
　　055. 插槽-后備內容
　　056. 插槽-具名插槽
　　057. 插槽-作用域插槽
　　058. 綜合案例 - 商品列表(Tag組件&表格組件封裝)
　　059. 單頁應用程序介紹
　　060. 路由介紹
　　061. 路由的基本使用
　　062. 組件目錄存放規(guī)范
　　063. 路由模塊封裝
　　064. router-link導航鏈接
　　065. 精確匹配和模糊匹配
　　066. 自定義匹配的高亮類名
　　067. 聲明式導航 - 查詢參數(shù)傳參
　　068. 聲明式導航 - 動態(tài)路由傳參
　　069. 動態(tài)路由參數(shù) - 可選符
　　070. 路由重定向
　　071. Vue路由404處理
　　072. 路由模式
　　073. 編程式導航 - 兩種路由跳轉方式.
　　074. path路徑的跳轉傳參
　　075. name命名路由跳轉傳參
　　076. 綜合案例 - 面經路由案例
　　077. 緩存組件 - keep-alive
　　078. 基于VueCli自定義創(chuàng)建項目
　　079. ESLint手動修正代碼規(guī)范錯誤
　　080. ESLint自動修正代碼規(guī)范錯誤
　　081. ESLintvuex的基本認知
　　082. 創(chuàng)建一個空倉庫
　　083. 核心概念-state提供數(shù)據(jù)_store直接訪問數(shù)據(jù)
　　084. 核心概念-state提供數(shù)據(jù)_輔助函數(shù)mapState訪問數(shù)據(jù)
　　085. Vuex嚴格模式
　　086. 核心概念-mutations_基本使用
　　087. 核心概念-mutations_提交載荷
　　088. 核心概念-mutations_輔助函數(shù)mapMutations
　　089. 核心概念-actions_基本使用
　　090. 核心概念-actions_輔助函數(shù)mapActions
　　091. 核心概念-getters_基本使用
　　092. 核心概念-getters_輔助函數(shù)mapGetters
　　093. vuex-分模塊_模塊創(chuàng)建
　　094. vuex-分模塊_訪問模塊中的state
　　095. vuex-分模塊_訪問模塊中的getters
　　096. vuex-分模塊_調用模塊中的mutation
　　097. vuex-分模塊_調用模塊中的action
　　098. 綜合案例 - 購物車案例

　　第二章：Vue2.x項目實戰(zhàn)
　　001. 項目演示-查看項目效果，明確功能模塊
　　002. 項目收獲-明確做完本項目的核心技術收獲
　　003. 創(chuàng)建項目-基于VueCli自定義創(chuàng)建項目
　　004. 創(chuàng)建項目-調整初始化目錄
　　005. vant組件庫 和 其他組件庫
　　006. vant組件庫-按需和全部導入的區(qū)別
　　007. vant-全部導入
　　008. vant-按需導入
　　009. postcss插件-實現(xiàn)vw適配
　　010. 路由設計配置-一級路由配置
　　011. 路由設計配置-底部導航tabbar
　　012. 路由設置配置-二級路由配置
　　013. 登錄頁靜態(tài)布局
　　014. 將axios請求方法，封裝到request模塊
　　015. 圖形驗證碼功能完成
　　016. pi接口模塊-封裝圖片驗證碼接口
　　017. 閱讀文檔，掌握toast輕提示
　　018. 短信驗證-倒計時效果
　　019. 封裝api登錄接口-實現(xiàn)登錄
　　020. 響應攔截器-統(tǒng)一處理錯誤
　　021. 將token權證信息存入vuex
　　022. torage存儲模塊-vuex持久化處理
　　023. 添加請求loading效果
　　024. 全局前置導航守衛(wèi)
　　025. 添加頁面訪問攔截處理
　　026. 首頁-靜態(tài)結構&封裝API&動態(tài)渲染
　　027. 搜索頁-搜索歷史管理
　　028. 搜索頁-搜索歷史持久化
　　029. 搜索列表頁-靜態(tài)布局&渲染
　　030. 搜索列表頁-基于分類id的搜索渲染
　　031. 商品詳情頁-靜態(tài)結構和動態(tài)渲染
　　032. 加入購物車-彈層顯示
　　033. 加入購物車-數(shù)字框基本封裝
　　034. 加入購物車-判斷token登錄提示
　　035. 加入購物車-封裝接口進行請求
　　036. 購物車-基本靜態(tài)布局
　　037. 購物車-構建vuex模塊，獲取數(shù)據(jù)存儲
　　038. 購物車-通過mapState渲染購物車列表
　　039. 購物車-封裝getters動態(tài)計算展示
　　040. 購物車-全選反選功能
　　041. 購物車-數(shù)字框修改數(shù)量
　　042. 購物車-編輯狀態(tài)切換&刪除處理
　　043. 購物車-空購物車處理
　　044. 訂單結算臺-query傳參&動態(tài)渲染
　　045. 訂單結算臺-提交訂單支付
　　046. 我的訂單-訂單Tab渲染
　　047. 我的訂單-確認收貨
　　048. 我的訂單-訂單評價
　　049. 商品詳情頁-立即購買
　　050. 個人中心渲染&退出功能
　　051. 打包發(fā)布
　　052. 打包優(yōu)化-路由懶加載

　　第三章：Vue3.x技術精講
　　001. 認識Vue3
　　002. 使用create-vue創(chuàng)建項目
　　003. 熟悉項目目錄和關鍵文件
　　004. 選項式API和組合式API
　　005. 組合式API-setup函數(shù)
　　006. 組合式API-reactive函數(shù)和ref函數(shù)
　　007. 組合式API-computed函數(shù)
　　008. 組合式API-watch函數(shù)
　　009. 組合式API-生命周期函數(shù)
　　010. 組合式API下的父子通信-父傳子
　　011. 組合式API下的父子通信-子傳父
　　012. 組合式API-v-model新語法
　　013. 組合式API-模板引用
　　014. 組合式API-provide和inject
　　015. Vue3綜合小案例
　　016. Pinia-環(huán)境搭建和基本使用
　　017. Pinia-getters和異步action
　　018. Pinia-storeToRefs和調試

　　第四章：Vue3.x項目實戰(zhàn)
　　001. 項目背景介紹及功能演示
　　002. 創(chuàng)建項目及git管理
　　003. 配置eslint相關配置和vscode的配置
　　004. 調整項目目錄
　　005. 安裝使用element-plus
　　006. 一級路由配置
　　007. 登錄頁&注冊頁的基礎布局
　　008. 注冊頁的表單校驗
　　009. 安裝請求工具并封裝request
　　010. 封裝API-注冊功能完成
　　011. 登錄頁的表單校驗
　　012. 封裝API-登錄功能完成
　　013. 使用pinia管理Token
　　014. pinia持久化處理
　　015. 基于token權限的導航守衛(wèi)
　　016. 首頁的布局結構
　　017. 左側菜單組件
　　018. 二級路由配置
　　019. 文章分類-基本布局
　　020. 文章分類-表格的基本使用
　　021. 文章分類-封裝接口、請求渲染
　　022. 文章分類-添加分類-顯示彈框
　　023. 文章分類-添加分類-表單校驗
　　024. 文章分類-添加分類-添加完成
　　025. 文章分類-修改分類
　　026. 文章分類-刪除分類
　　027. 文章管理-基本布局
　　028. 文章管理-封裝接口、請求渲染
　　029. 文章管理-分頁處理
　　030. 文章管理-發(fā)布文章-顯示抽屜
　　031. 文章管理-發(fā)布文章-準備表單
　　032. 文章管理-發(fā)布文章-分類下拉菜單
　　033. 文章管理-發(fā)布文章-封面文件上傳
　　034. 文章管理-發(fā)布文章-內容富文本編輯器
　　035. 文章管理-發(fā)布文章-表單校驗
　　036. 文章管理-發(fā)布文章-提交發(fā)布
　　037. 文章管理-修改文章-修改回顯
　　038. 文章管理-修改文章-修改提交
　　039. 文章管理-刪除文章
　　040. ChatGPT-個人中心-信息預覽&編輯表單
　　041. ChatGPT-個人中心-頭像預覽和編輯上傳
　　042. ChatGPT-個人中心-確認密碼和重置密碼