幫助中心 | 我的帳號 | 關於我們

Vue3前端框架應用項目教程(微課版名校名師精品系列教材)

  • 作者:編者:丁莉//高歡|責編:趙亮
  • 出版社:人民郵電
  • ISBN:9787115689795
  • 出版日期:2026/04/01
  • 裝幀:平裝
  • 頁數:220
人民幣:RMB 59.8 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書系統介紹Vue 3前端框架應用的相關知識。本書由11個項目構成,從Vue快速入門開始,循序漸進地講解Vue語法基礎、Vue數據綁定、Vue內置指令、Vue組件、Vue路由管理、Vue組合式API、Vue項目搭建、Vue網路請求、Vue狀態管理等核心內容,以「項目實戰:開發個人博客系統」作為學習成果的綜合檢驗。本書高度重視實踐,每個項目均配備實踐操作任務,緊密聯繫工作場景,助力讀者將理論知識應用於實際工作中,切實提升前端開發實操技能。
    本書適合作為高等院校電腦相關專業的教材,也適合作為Web前端開發人員及廣大編程愛好者的參考書。

作者介紹
編者:丁莉//高歡|責編:趙亮

目錄
項目1  Vue快速入門
  任務  創建第 一個Vue應用
    【任務提出】
    【任務分析】
    【知識準備】
    1.1  Vue簡介
      1.1.1  什麼是Vue
      1.1.2  Vue的發展時間線
      1.1.3  Vue的優點
      1.1.4  Vue 3的新特性
    1.2  開發環境搭建
      1.2.1  Visual Studio Code
      1.2.2  VS Code的下載和安裝
      1.2.3  安裝插件
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目2  Vue語法基礎
  任務1  實現簡單的計時器
    【任務提出】
    【任務分析】
    【知識準備】
    2.1  Vue實例的創建與掛載
    2.2  數據的定義與渲染
      2.2.1  定義數據
      2.2.2  插值
    2.3  methods
    2.4  computed
      2.4.1  計算屬性的基本使用方法
      2.4.2  計算屬性的get方法和set方法
      2.4.3  計算屬性的緩存功能
    2.5  watch
      2.5.1  watch監聽屬性
      2.5.2  deep屬性
    2.6  在Vue 2中創建實例
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目3  Vue數據綁定
  任務1  設計應聘信息登記表
    【任務提出】
    【任務分析】
    【知識準備】
    3.1  單向數據綁定
    3.2  雙向數據綁定
      3.2.1  綁定單行文本框
      3.2.2  綁定多行文本框
      3.2.3  綁定複選框

      3.2.4  綁定單選按鈕
      3.2.5  綁定下拉列表
      3.2.6  綁定多選列表框
    3.3  修飾符
      3.3.1  .lazy
      3.3.2  .number
      3.3.3  .trim
    3.4  MVVM模式
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務2  使用樣式綁定實現投票和撤回投票功能
    【任務提出】
    【任務分析】
    【知識準備】
    3.5  綁定樣式類
      3.5.1  對象語法
      3.5.2  數組語法
    3.6  綁定內聯樣式
      3.6.1  對象語法
      3.6.2  數組語法
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目4  Vue內置指令
  任務1  跑馬燈
    【任務提出】
    【任務分析】
    【知識準備】
    4.1  v-on指令
    4.2  事件修飾符
    4.3  生命周期
    4.4  字元串的截取和拼接
    4.5  定時器
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務2  切換登錄方式
    【任務提出】
    【任務分析】
    【知識準備】
    4.6  條件渲染指令簡介
      4.6.1  v-if指令
      4.6.2  v-else-if指令
      4.6.3  v-else指令
      4.6.4  v-show指令
    4.7  v-html和v-text

      4.7.1  v-html指令
      4.7.2  v-text指令
    4.8  input中key屬性作用
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務3  搜索指定的圖書信息
    【任務提出】
    【任務分析】
    【知識準備】
    4.9  v-for指令
    4.10  search函數
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務4  購物車
    【任務提出】
    【任務分析】
    【知識準備】
    4.10  數組的基本操作方法
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目5  Vue組件
  任務1  使用組件嵌套製作「校園新聞」版塊
    【任務提出】
    【任務分析】
    【知識準備】
    5.1  組件的定義
    5.2  組件的使用方法
    5.3  全局組件
    5.4  局部組件
    5.5  組件嵌套
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務2  製作「簡易購物車」組件
    【任務提出】
    【任務分析】
    【知識準備】
    5.6  父組件向子組件傳遞數據
      5.6.1  靜態傳遞數據
      5.6.2  動態傳遞數據
      5.6.3  數據驗證
    5.7  子組件向父組件傳遞數據
    【任務實現】

    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務3  使用具名插槽製作「新聞熱點」版塊
    【任務提出】
    【任務分析】
    【知識準備】
    5.8  默認插槽
    5.9  具名插槽
    5.10  作用域插槽
    5.11  動態組件
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目6  Vue路由管理
  任務1  實現選項卡
    【任務提出】
    【任務分析】
    【知識準備】
    6.1  Vue Router入門
      6.1.1  認識前端路由
      6.1.2  認識Vue Router
    6.2  Vue Router的安裝與使用
      6.2.1  Vue Router的安裝
      6.2.2  Vue Router的使用步驟
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務2  實現後台管理系統
    【任務提出】
    【任務分析】
    【知識準備】
    6.3  嵌套路由
    6.4  動態路由
    6.5  命名路由
    6.6  編程式導航
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目7  Vue組合式API
  任務  選項卡
    【任務提出】
    【任務分析】
    【知識準備】
    7.1  Vue組合式API
    7.2  setup函數
    7.3  響應式API

      7.3.1  ref
      7.3.2  reactive
      7.3.3  watchEffect
      7.3.4  computed
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目8  Vue項目搭建
  任務1  使用Vue CLI構建項目實現組件切換
    【任務提出】
    【任務分析】
    【知識準備】
    8.1  認識Vue CLI
      8.1.1  什麼是Vue CLI
      8.1.2  使用Vue CLI的前提——Node.js的安裝
      8.1.3  Vue CLI的安裝
    8.2  使用Vue CLI創建項目
      8.2.1  快速創建項目
      8.2.2  分析項目結構
    8.3  單文件組件
      8.3.1  什麼是單文件組件
      8.3.2  創建並使用Hello單文件組件
    8.4  在Vue CLI項目中使用路由
      8.4.1  安裝路由插件Vue Router
      8.4.2  Vue Router插件在Vue CLI項目中的使用
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
  任務2  使用Vite構建項目實現學生管理系統的導航功能
    【任務提出】
    【任務分析】
    【知識準備】
    8.5  認識Vite
      8.5.1  什麼是Vite
      8.5.2  Vite的優勢
    8.6  使用Vite創建Vue 3項目
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目9  Vue網路請求
  任務  調用後台埠實現用戶管理模塊
    【任務提出】
    【任務分析】
    【知識準備】
    9.1  Axios
      9.1.1  什麼是Axios
      9.1.2  Axios應用

    9.2  後端準備
      9.2.1  搭建伺服器環境
      9.2.2  準備後端網站
    9.3  跨域問題
      9.3.1  使用Axios發送網路請求
      9.3.2  什麼是跨域請求
      9.3.3  解決跨域請求問題
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目10  Vue狀態管理
  任務  購物車
    【任務提出】
    【任務分析】
    【知識準備】
    10.1  Vuex介紹
      10.1.1  什麼是Vuex
      10.1.2  安裝
    10.2  Vuex核心概念
      10.2.1  state
      10.2.2  Getter
      10.2.3  Mutation
      10.2.4  Action
      10.2.5  Module
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】
項目11  項目實戰:開發個人博客系統
  任務  開發個人博客系統
    【任務提出】
    【任務分析】
    【知識準備】
    11.1  項目分析
      11.1.1  項目展示
      11.1.2  組件規劃
    11.2  前端準備
    11.3  後端準備
    【任務實現】
    【任務總結】
    【鞏固練習】
    【任務拓展】

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032