第1部分 設置開發環境 掌握前置技能 第1章 Vue 3.O概述 視頻講解：4集，57分鐘 精彩案例：2個 1.1 Vue.3.O簡介 1.1.1 Weh前端的發展歷史 1.1.2 Vue自介 1.1.3 Vue的設計模式 1.2 Vue 3.0項目的創建 1.2.1 Nodejs安裝 1.2.2 Vue-cli安裝 1.2.3 Vue 3.0項目的創建步驟 1.24 項目創建后的目錄說明 1.3 開發工具 1.3.1 Visual Studio Code安裝 1.3.2 安裝Visual studio Code所需的插件 1.3.3 使用Visual studio Code開發Vue 3.0項目 1.4 **個Vue 3.0程序 1.4.1 App掛載文件--index.html 1.4.2 創建App主文件--main.js 1.4.3 根組件--App vue l.4.4 路由設置文件--router／indexjs l.4.5 views／Home.vue 1.4.6 自定義HelloWorld程序 【例1.1】Vue 3.0主頁內容渲染 1.5 本章小結 1.6 習題一 1.7 實驗HelloWond 第2章 Vue語言基礎——ECMAScriDt 視頻講解：17集，143分鐘 精彩案例：16個 2.1 ECMAScriDt.6.0基礎 2.1.1 EcMAScript.6.0簡介 2.1.2 let命令 【例2-1】let命令的作用域 【例2-2】var變量和let變量的父子作用域的對比 2.1.3 const命令 2.2 變量的解構賦值 2.2.1 數組的解構賦值 【例2-3】數組的幾種解構賦值 2.2.2 對象的解構賦值 【例2-4】對象的幾種解構賦值 2.2.3 解構賦值的主要用途 【例2-5】利用解構方法給函數傳遞入口參數 【例2.6】對JSON數據進行解構 【例2.7】遍歷Map 2.3 箭頭函數 2.3.1 箭頭函數的定義 【例2-8】化簡箭頭函數 2.3.2 箭頭函數與解構賦值 【例2-9】在箭頭函數中使用解構賦值 2.4 數組方法 2.4.1 map()方法 【例2-10】mapt()方法的應用 2.4.2 forEacn()方法 【例2-11】fbrEach()方法的應用 2.4.3 filter()方法 【例2-12】filter()方法的應用 2.4.4 every()方法和some()方法 【例2-13】every()方法和some()方法的應用 2.4.5 reduce()方法 【例2-14】reduce()方法的應用 2.5 字符串的擴展 2.5.1 模板字符串 2.5.2 ES6字符串的新增方法 …… 第2部分 學習Vue 3.0基礎 掌握初步能力 第3部分 掌握Vue 3.0進階 構建響應式網頁 第4部分 實操綜合項目 提升開發技能