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