任務(wù)1 “就業(yè)職通車”網(wǎng)站項(xiàng)目初始化 1
任務(wù)1.1 Vue環(huán)境配置 3
1.1.1 Vue3介紹 10
1.1.2 Vite工具介紹 10
任務(wù)1.2 項(xiàng)目初始化 12
任務(wù)2 招聘崗位數(shù)據(jù)渲染 17
任務(wù)2.1 招聘數(shù)據(jù)渲染 19
2.1.1 插值語(yǔ)法 20
2.1.2 v-text指令語(yǔ)法 21
2.1.3 v-html指令語(yǔ)法 22
2.1.4 v-once指令語(yǔ)法 22
任務(wù)2.2 企業(yè)標(biāo)志渲染 23
任務(wù)2.3 招聘表單設(shè)計(jì) 28
任務(wù)2.4 匿名發(fā)布渲染 32
2.4.1 v-if指令語(yǔ)法 34
2.4.2 v-else指令語(yǔ)法 35
2.4.3 v-else-if指令語(yǔ)法 36
2.4.4 v-show指令語(yǔ)法 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指令渲染對(duì)象 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è)計(jì) 47
任務(wù)3.1 崗位點(diǎn)贊功能開(kāi)發(fā) 49
3.1.1 v-on指令語(yǔ)法 52
3.1.2 v-on指令的混合使用 53
3.1.3 $event參數(shù) 54
任務(wù)3.2 確認(rèn)發(fā)布功能開(kāi)發(fā) 55
任務(wù)3.3 信息預(yù)覽功能開(kāi)發(fā) 61
任務(wù)3.4 字符統(tǒng)計(jì)功能開(kāi)發(fā) 64
3.4.1 watch監(jiān)聽(tīng)器的使用 68
3.4.2 watch監(jiān)聽(tīng)器參數(shù) 69
3.4.3 watch監(jiān)聽(tīng)器和computed計(jì)算屬性的區(qū)別 70
任務(wù)4 崗位信息異步渲染 73
任務(wù)4.1 Vue生命周期認(rèn)識(shí) 74
4.1.1 生命周期鉤子 76
4.1.2 注冊(cè)生命周期鉤子 76
任務(wù)4.2 Axios庫(kù)的使用 79
4.2.1 mock數(shù)據(jù) 86
4.2.2 vue-axios插件 87
4.2.3 Axios 87
任務(wù)5 項(xiàng)目組件化設(shè)計(jì) 93
任務(wù)5.1 組件設(shè)計(jì) 94
5.1.1 組件基礎(chǔ) 96
5.1.2 組件之間的數(shù)據(jù)通信 99
任務(wù)5.2 點(diǎn)贊組件設(shè)計(jì) 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è)計(jì) 112
任務(wù)6.1 “熱門招聘”和“就業(yè)服務(wù)”模塊導(dǎo)航設(shè)計(jì) 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è)計(jì) 125
任務(wù)6.3 “就業(yè)指導(dǎo)”模塊文章詳情頁(yè)開(kāi)發(fā) 134
6.3.1 編程式路由 141
6.3.2 帶參路由 142
任務(wù)7 項(xiàng)目交互動(dòng)畫(huà)設(shè)計(jì) 146
任務(wù)7.1 自定義動(dòng)畫(huà)設(shè)計(jì) 147
7.1.1 ＜transition＞和＜transitionGroup＞動(dòng)畫(huà)組件 151
7.1.2 動(dòng)畫(huà)過(guò)程中的鉤子函數(shù) 154
任務(wù)7.2 動(dòng)畫(huà)庫(kù)的使用 157
任務(wù)8 文章數(shù)據(jù)全局管理 163
任務(wù)8.1 Pinia的安裝和配置 164
8.1.1 Pinia簡(jiǎn)介 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 項(xiàng)目托管和項(xiàng)目發(fā)布 181
任務(wù)9.1 Gitee倉(cāng)庫(kù)的使用 182
9.1.1 新建倉(cāng)庫(kù) 184
9.1.2 刪除倉(cāng)庫(kù) 186
9.1.3 邀請(qǐng)團(tuán)隊(duì)成員 186
任務(wù)9.2 項(xiàng)目打包和項(xiàng)目發(fā)布 187