輕鬆學 Vue.js 3.0 從入門到實戰 (案例·視頻·彩色版)
內容描述
本書以Vue.js 3.0為基礎,以項目實戰的方式來引導讀者漸進式學習Vue.js。
本書分為基礎篇、進階篇和實戰篇三部分。
基礎篇主要是對 Vue.js 核心功能的介紹;進階篇主要講解前端工程化Vue.js的組件化、插件的使用;
實戰篇著重開發了兩個完整的示例,所涉及的內容涵蓋Vue.js絕大部分API。
通過閱讀《 Vue.js實戰》,讀者能夠掌握Vue.js框架主要API的使用方法、自定義指令、
組件開發、單文件組件、Render函數、使用webpack開發可複用的單頁面富應用等。
本書示例豐富、側重實戰,適用於剛接觸或即將接觸Vue.js的開發者,
也適用於對Vue.js有過開發經驗,但需要進一步提升的開發者。
目錄大綱
目錄
第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部分 實操綜合項目 提升開發技能
作者介紹
劉兵
副教授,主要講授網站開發工具、web程序設計、計算機網絡等課程,主編教材10餘部,其中國家級規劃教材3部。
長期從事各種程序設計項目開發,項目方向主要包括網頁的前端和服務器端的程序開發、單片機程序設計開發。
發表教學科研論文20餘篇,其中四大索引文章5篇,主持多項教學科研項目。