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

　　第一章：Vue2.x技術(shù)精講

　　001. Vue是什么
　　002. 創(chuàng)建一個(gè)Vue實(shí)例
　　003. 插值表達(dá)式
　　004. Vue響應(yīng)式特性
　　005. 開發(fā)者工具安裝
　　006. 指令初識(shí) v-html
　　007. 指令 v-show 和 v-if
　　008. 指令 v-else 和 v-else-if
　　009. 指令 v-on
　　010. 指令 v-bind
　　011. 案例-波仔的學(xué)習(xí)之旅
　　012. 指令 v-for
　　013. 案例-小黑的書架
　　014. 指令 v-for的key
　　015. 指令 v-model
　　016. 綜合案例-小黑記事本
　　017. 指令修飾符
　　018. v-bind操作class
　　019. v-bind操作class案例-tab導(dǎo)航欄切換
　　020. v-bind操作style
　　021. v-model應(yīng)用于其他表單元素
　　022. computed計(jì)算屬性
　　023. computed計(jì)算屬性 VS methods方法
　　024. computed計(jì)算屬性完整寫法
　　025. 成績(jī)案例 - 渲染&刪除&添加&統(tǒng)計(jì)
　　026. watch偵聽器
　　027. watch完整寫法
　　028. 綜合案例 - 水果購(gòu)物車
　　029. 生命周期 & 生命周期鉤子
　　030. 綜合案例 - 小黑記賬清單
　　031. 工程化開發(fā) 和 腳手架
　　032. 項(xiàng)目目錄介紹 和 運(yùn)行流程
　　033. 組件化開發(fā) 和 根組件說(shuō)明
　　034. 組件注冊(cè) - 全局注冊(cè) 和 局部注冊(cè)
　　035. 綜合案例 - 小兔鮮首頁(yè) - 組件拆分
　　036. scoped樣式?jīng)_突
　　037. data是一個(gè)函數(shù)
　　038. 組件通信
　　039. 什么是prop
　　040. props校驗(yàn)-基礎(chǔ)類型校驗(yàn)
　　041. props校驗(yàn)-完整寫法
　　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. 自定義指令 - 語(yǔ)法
　　053. 自定義指令 - 封裝v-loading指令
　　054. 插槽-默認(rèn)插槽
　　055. 插槽-后備內(nèi)容
　　056. 插槽-具名插槽
　　057. 插槽-作用域插槽
　　058. 綜合案例 - 商品列表(Tag組件&表格組件封裝)
　　059. 單頁(yè)應(yīng)用程序介紹
　　060. 路由介紹
　　061. 路由的基本使用
　　062. 組件目錄存放規(guī)范
　　063. 路由模塊封裝
　　064. router-link導(dǎo)航鏈接
　　065. 精確匹配和模糊匹配
　　066. 自定義匹配的高亮類名
　　067. 聲明式導(dǎo)航 - 查詢參數(shù)傳參
　　068. 聲明式導(dǎo)航 - 動(dòng)態(tài)路由傳參
　　069. 動(dòng)態(tài)路由參數(shù) - 可選符
　　070. 路由重定向
　　071. Vue路由404處理
　　072. 路由模式
　　073. 編程式導(dǎo)航 - 兩種路由跳轉(zhuǎn)方式.
　　074. path路徑的跳轉(zhuǎn)傳參
　　075. name命名路由跳轉(zhuǎn)傳參
　　076. 綜合案例 - 面經(jīng)路由案例
　　077. 緩存組件 - keep-alive
　　078. 基于VueCli自定義創(chuàng)建項(xiàng)目
　　079. ESLint手動(dòng)修正代碼規(guī)范錯(cuò)誤
　　080. ESLint自動(dòng)修正代碼規(guī)范錯(cuò)誤
　　081. ESLintvuex的基本認(rèn)知
　　082. 創(chuàng)建一個(gè)空倉(cāng)庫(kù)
　　083. 核心概念-state提供數(shù)據(jù)_store直接訪問數(shù)據(jù)
　　084. 核心概念-state提供數(shù)據(jù)_輔助函數(shù)mapState訪問數(shù)據(jù)
　　085. Vuex嚴(yán)格模式
　　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-分模塊_調(diào)用模塊中的mutation
　　097. vuex-分模塊_調(diào)用模塊中的action
　　098. 綜合案例 - 購(gòu)物車案例

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

　　第三章：Vue3.x技術(shù)精講
　　001. 認(rèn)識(shí)Vue3
　　002. 使用create-vue創(chuàng)建項(xiàng)目
　　003. 熟悉項(xiàng)目目錄和關(guān)鍵文件
　　004. 選項(xiàng)式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下的父子通信-父?jìng)髯?br /> 　　011. 組合式API下的父子通信-子傳父
　　012. 組合式API-v-model新語(yǔ)法
　　013. 組合式API-模板引用
　　014. 組合式API-provide和inject
　　015. Vue3綜合小案例
　　016. Pinia-環(huán)境搭建和基本使用
　　017. Pinia-getters和異步action
　　018. Pinia-storeToRefs和調(diào)試

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