目? ?錄

前言

基礎(chǔ)理論（5天）

基礎(chǔ)理論-Day01

基礎(chǔ)理論-Day02

基礎(chǔ)理論-Day03

基礎(chǔ)理論-Day04

基礎(chǔ)理論-Day05

項(xiàng)目實(shí)戰(zhàn)

項(xiàng)目實(shí)戰(zhàn)-Day01

項(xiàng)目實(shí)戰(zhàn)-Day02

項(xiàng)目實(shí)戰(zhàn)-Day03

項(xiàng)目實(shí)戰(zhàn)-Day04、Day05

---

前言

10天的實(shí)訓(xùn)，收獲還是很多的。并且，幾乎每節(jié)課都有錄播+源碼+筆記(只有一節(jié)課，忘了錄屏)。

大部分知識，都總結(jié)到了博客上。

培訓(xùn)用到的東西：VScode軟件、視頻、PDF筆記、源碼。

除了視頻沒有上傳，其它的都在博客上了。視頻，不方便上傳！！！可私聊...

??

例如：

??

基礎(chǔ)理論（5天）

基礎(chǔ)理論-Day01

• Vue.js-Day01-AM【第一次學(xué)習(xí)-安裝、基礎(chǔ)使用(引入方式)、數(shù)據(jù)展示、指令介紹(v-html、v-text、v-bind、v-if、v-for】
• Vue.js-Day01-PM【事件綁定(事件傳參、事件對象、傳參+獲取事件對象)、樣式處理操作(模板、事件、屬性綁定)、Tab切換(原生js實(shí)現(xiàn)、Vue.js實(shí)現(xiàn))、js中的this詳解關(guān)鍵字】

基礎(chǔ)理論-Day02

• Vue.js-Day02-AM【Vue表單、核心指令（單選框、密碼框、多行文本框、單選、多選、勾選、下拉列表）、組件匯總案例、ToDoList案例、計(jì)算屬性(computed)、watch監(jiān)聽】
• Vue.js-Day02-PM【組件化開發(fā)（全局注冊組件、局部注冊組件、案例）、組件的配置選項(xiàng)、輪播圖實(shí)例（左右切換按鈕、底部導(dǎo)航欄、定時(shí)器、鼠標(biāo)移入-圖片靜止）】

基礎(chǔ)理論-Day03

• Vue.js-Day03-AM【超級詳細(xì)：Node.js環(huán)境安裝、安裝淘寶鏡像（Win、Mac）、安裝Vue腳手架、初始化Vue項(xiàng)目-命令解釋（Vscode、命令行窗口）、目錄介紹、Vue文件介紹】
• Vue.js-Day03-PM【組件通信（安裝Vetur插件、父子組件通信、子父組件通信）、項(xiàng)目發(fā)送與啟動（項(xiàng)目發(fā)給別人、啟動別人的項(xiàng)目）】

基礎(chǔ)理論-Day04

• Vue.js-Day04-AM【父子組件通信（父傳子、子傳父）、動態(tài)組件、組件的生命周期、動畫】
• Vue.js-Day04-PM【axios（安裝、使用）】

基礎(chǔ)理論-Day05

• Vue.js-Day05【安裝路由（vue-router）、如何使用vue-router、404配置、激活class、動態(tài)路由、編程式導(dǎo)航、路由嵌套、路由元信息、導(dǎo)航攔截】?

項(xiàng)目實(shí)戰(zhàn)

【項(xiàng)目源碼】【?鏈接：https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA? ?提取碼：n6ol 】

項(xiàng)目實(shí)戰(zhàn)-Day01

• Vue.js-Day06-AM【項(xiàng)目實(shí)戰(zhàn)(附帶 完整項(xiàng)目源碼)-day01-am：移動端響應(yīng)式（響應(yīng)式尺寸、視口問題、實(shí)現(xiàn)rem變化、rem設(shè)計(jì)）、實(shí)戰(zhàn)項(xiàng)目搭建（初始化項(xiàng)目、處理rem、搭建路由）】
• Vue.js-Day06-PM【項(xiàng)目實(shí)戰(zhàn)(附帶 完整項(xiàng)目源碼)-day01-pm：輪播組件（使用、安裝依賴、具體操作過程）、favicon詳細(xì)制作】

項(xiàng)目實(shí)戰(zhàn)-Day02

• Vue.js-Day07【項(xiàng)目實(shí)戰(zhàn)(附帶 完整項(xiàng)目源碼)-day02：學(xué)習(xí)能力、字體圖標(biāo)（使用步驟）、在vue.js中使用jQuery】

項(xiàng)目實(shí)戰(zhàn)-Day03

• Vue.js-Day08【項(xiàng)目實(shí)戰(zhàn)(附帶 完整項(xiàng)目源碼)-day03：訂單確認(rèn)頁面、美團(tuán)支付頁面、flex彈性盒子布局】

項(xiàng)目實(shí)戰(zhàn)-Day04、Day05

• Vue.js-Day09【項(xiàng)目實(shí)戰(zhàn)(附帶 完整項(xiàng)目源碼)-day04：用戶個(gè)人中心頁面、用戶登錄頁面、將項(xiàng)目打包部署到服務(wù)器上、項(xiàng)目匯報(bào)、實(shí)訓(xùn)心得】

總結(jié)

以上是生活随笔為你收集整理的Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。