任務1 “就業(yè)職通車”網站項目初始化 1
任務1.1 Vue環(huán)境配置 3
1.1.1 Vue3介紹 10
1.1.2 Vite工具介紹 10
任務1.2 項目初始化 12
任務2 招聘崗位數據渲染 17
任務2.1 招聘數據渲染 19
2.1.1 插值語法 20
2.1.2 v-text指令語法 21
2.1.3 v-html指令語法 22
2.1.4 v-once指令語法 22
任務2.2 企業(yè)標志渲染 23
任務2.3 招聘表單設計 28
任務2.4 匿名發(fā)布渲染 32
2.4.1 v-if指令語法 34
2.4.2 v-else指令語法 35
2.4.3 v-else-if指令語法 36
2.4.4 v-show指令語法 37
2.4.5 v-if指令和v-show指令的區(qū)別 37
任務2.5 招聘崗位信息列表渲染 38
2.5.1 使用v-for指令渲染數組 40
2.5.2 使用v-for指令渲染對象 41
2.5.3 使用v-for指令渲染字符串 42
2.5.4 使用v-for指令渲染數字 43
2.5.5 v-for指令和v-if指令的結合使用 44
任務3 崗位發(fā)布功能設計 47
任務3.1 崗位點贊功能開發(fā) 49
3.1.1 v-on指令語法 52
3.1.2 v-on指令的混合使用 53
3.1.3 $event參數 54
任務3.2 確認發(fā)布功能開發(fā) 55
任務3.3 信息預覽功能開發(fā) 61
任務3.4 字符統計功能開發(fā) 64
3.4.1 watch監(jiān)聽器的使用 68
3.4.2 watch監(jiān)聽器參數 69
3.4.3 watch監(jiān)聽器和computed計算屬性的區(qū)別 70
任務4 崗位信息異步渲染 73
任務4.1 Vue生命周期認識 74
4.1.1 生命周期鉤子 76
4.1.2 注冊生命周期鉤子 76
任務4.2 Axios庫的使用 79
4.2.1 mock數據 86
4.2.2 vue-axios插件 87
4.2.3 Axios 87
任務5 項目組件化設計 93
任務5.1 組件設計 94
5.1.1 組件基礎 96
5.1.2 組件之間的數據通信 99
任務5.2 點贊組件設計 103
5.2.1 插槽 106
5.2.2 默認內容插槽 107
5.2.3 具名插槽 108
5.2.4 作用域插槽 109
任務6 “就業(yè)服務”模塊設計 112
任務6.1 “熱門招聘”和“就業(yè)服務”模塊導航設計 113
6.1.1 路由介紹 119
6.1.2 路由的使用 120
6.1.3 路由重定向 124
6.1.4 路由激活樣式 124
6.1.5 路由模式 125
任務6.2 “就業(yè)服務”模塊子路由設計 125
任務6.3 “就業(yè)指導”模塊文章詳情頁開發(fā) 134
6.3.1 編程式路由 141
6.3.2 帶參路由 142
任務7 項目交互動畫設計 146
任務7.1 自定義動畫設計 147
7.1.1 ＜transition＞和＜transitionGroup＞動畫組件 151
7.1.2 動畫過程中的鉤子函數 154
任務7.2 動畫庫的使用 157
任務8 文章數據全局管理 163
任務8.1 Pinia的安裝和配置 164
8.1.1 Pinia簡介 167
8.1.2 Pinia核心概念 167
任務8.2 文章數據的全局管理 168
8.2.1 state的定義和使用 172
8.2.2 action的定義和使用 175
8.2.3 getters的定義和使用 177
任務9 項目托管和項目發(fā)布 181
任務9.1 Gitee倉庫的使用 182
9.1.1 新建倉庫 184
9.1.2 刪除倉庫 186
9.1.3 邀請團隊成員 186
任務9.2 項目打包和項目發(fā)布 187