内容简介

Vue.js是一套用于构建用户界面的渐进式框架，是目前流行的三大前端框架之一。本书以Vue 2.6.12为基础，讲解Vue生产环境配置与开发工具的使用、基础语法、指令、组件开发及周边生态系统；以Vue 3.0为提高，介绍本改进和优化之处以及如何利用本开发应用程序。 全书共分为12章，主要涵盖Vue.js概述、Vue.js基础、Vue.js指令、Vue.js基础项目实战、Vue.js组件开发、Vue.js过渡与动画、Vue项目开发环境与辅助工具部署、前端路由Vue Router、状态管理模式Vuex、Vue UI组件库、Vue项目实战以及Vue 3.0基础应用。每章均附有本章学习目标、本章小结、练习与实训，便于广大读者和工程技术人员学习、实践与提高。 本书可作为高等院校数据科学与大数据技术、计算机科学与技术、软件工程、物联网工程、网络工程等理工科相关专业“网页开发与设计”“Web前端开发技术”“Web应用技术”等课程的教材，也可作为Web前端工程师等IT技术人员学习“新Web前端框架”的自学参考书。

目录

目录第1章 Vue.js概述 11.1 Vue.js简介 11.2 Vue.js生产环境配置 21.2.1 Vue.js引入方法 21.2.2 安装Vue Devtools 31.3 Vue页面基本结构 51.3.1 标记 51.3.2 cript>标记 61.3.3 标记 81.4 Vue.js开发工具 81.4.1 Visual Studio Code 91.4.2 Sublime Text 91.4.3 WebStorm 101.4.4 HBuilderX 10本章小结 11练习1 11实训1 12第2章 Vue.js基础 152.1 MVC与MVVM模式 152.1.1 MVC模式 152.1.2 MVVM模式 162.1.3 MVVM模式的前端框架发展趋势 172.1.4 MVVM模式的应用 172.2 数据绑定与插值 202.2.1 文本绑定 202.2.2 HTML代码绑定 202.2.3 属绑定 212.2.4 Javascript表达式绑定 212.3 计算属与方法 222.3.1 计算属基础应用 232.3.2 计算属缓存与方法的比较 242.3.3 计算属的setter和getter 262.4 侦听属 292.4.1 侦听属基本用法 292.4.2 侦听属用法 312.5 生命周期钩子函数 342.5.1 生命周期钩子函数的作用 342.5.2 生命周期钩子函数的应用 372.6 控制台对象 392.6.1 显示信息的命令 402.6.2 占位符 402.6.3 分组显示 412.6.4 查看对象的信息 422.6.5 显示某个节点的内容 422.6.6 判断变量是否为真 422.6.7 追踪函数的调用轨迹 432.6.8 计能 432.6.9 能分析 442.6.10 表格形式输出数组和对象 452.7 数据与方法 482.7.1 数据对象的定义与使用 492.7.2 Vue实例属与方法 502.8 Vue中的数组变动更新检测 532.8.1 变异方法 532.8.2 非变异方法 542.9 Vue中的过滤器 57本章小结 60练习2 61实训2 62第3章 Vue.js指令 663.1 Vue.js内置指令 673.1.1 条件渲染 673.1.2 用key管理可复用的元素 693.1.3 根据条件展示元素 713.1.4 列表渲染 733.1.5 绑定属 813.1.6 事件处理 833.1.7 事件修饰符 853.1.8 按键修饰符 903.1.9 表单输入绑定 923.1.10 表单元素值绑定 953.1.11 v-model修饰符 973.1.12 v-text与v-html指令 983.1.13 v-pre、v-once和v-cloak指令 1003.2 Vue.js自定义指令 1013.2.1 自定义指令注册 1013.2.2 对象字面量 1053.2.3 动态指令参数 1053.2.4 自定义指令实际应用 107本章小结 108练习3 109实训3 110第4章 Vue.js基础项目实战 1144.1 简易图书管理 1144.1.1 项目需求 1144.1.2 项目实现 1154.2 我的待办事项 1194.2.1 项目需求 1194.2.2 项目实现 120本章小结 125实训4 125第5章 Vue.js组件开发 1265.1 组件基础 1265.1.1 组件命名 1275.1.2 组件注册 1285.2 组件间通信 1315.2.1 父组件向子组件传值 1315.2.2 子组件向父组件传值 1395.2.3 兄弟组件之间的通信 1435.2.4 父链与子组件索引 1455.3 单文件组件 1465.4 插槽 1495.4.1 匿名插槽 1495.4.2 具名插槽 1515.4.3 作用域插槽 1535.4.4 动态插槽名 155本章小结 157练习5 158实训5 158第6章 Vue.js过渡与动画 1636.1 单元素/单组件的过渡 1636.1.1 过渡的类名 1656.1.2 CSS 过渡 1666.1.3 CSS动画 1676.1.4 自定义过渡的类名 1686.1.5 同时使用过渡和动画 1706.1.6 显的过渡持续时间 1706.1.7 Javascript 钩子 1706.2 初始渲染的过渡 1716.3 多个元素的过渡 1726.4 多个组件的过渡 1776.5 列表过渡 1786.5.1 列表的进入/离开过渡 1796.5.2 列表的排序过渡 1816.5.3 列表的交错过渡 183本章小结 186练习6 186实训6 187第7章 Vue项目开发环境与辅助工具部署 1927.1 部署Node.js 1927.1.1 Node.js简介 1927.1.2 Node.js部署 1947.1.3 Node.js模块系统 1947.1.4 Node.js 创建第1个应用 2027.2 Nod管理器npm 2037.2.1 npm简介 2037.2.2 npm常用命令 2047.3 Node.js环境配置 2067.4 webpack工具 2087.4.1 webpack简介 2087.4.2 webpack使用与基本配置 2097.4.3 webpack配置加载器 2157.4.4 webpack配置插件 2227.4.5 webpack配置开发服务器 2287.5 Vue CLI 2357.5.1 Vue CLI安装 2367.5.2 Vue CLI创建Vue项目 2367.5.3 Vue CLI可视化创建Vue项目 238本章小结 240练习7 240实训7 241第8章 前端路由Vue Router 2468.1 Vue Router概述 2468.1.1 Vue Router的安装与使用 2478.1.2 Vue Router基础应用 2478.2 Vue Router应用 2528.2.1 动态路由匹配 2528.2.2 嵌套路由 2548.2.3 编程式导航 2608.2.4 命名路由 2628.2.5 命名视图 2638.2.6 重定向和别名 2648.2.7 路由组件传参 2658.2.8 HTML5 History模式 267本章小结 267练习8 268实训8 269第9章 状态管理模式Vuex 2759.1 Vuex概述 2759.1.1 Vuex定义 2769.1.2 简单状态管理——store模式 2779.2 Vuex基本应用 2809.3 Vuex核心概念 2819.3.1 一个完整的store结构 2819.3.2 简单的store 2829.3.3 Vuex中的state 2839.3.4 Vuex中的getters 2879.3.5 Vuex中的mutations 2919.3.6 Vuex中的actions 2939.3.7 Vuex中的modules 3019.4 Vuex多模块实战案例 307本章小结 313练习9 313实训9 314第10章 Vue UI组件库 31810.1 Vue PC端组件库 318 10.1.1 Element UI 319 10.1.2 iView UI 331 10.1.3 其他PC端UI组件库 33610.2 Vue移动端UI组件库 336 10.2.1 Mint UI 336 10.2.2 Vant 340 10.2.3 其他移动端组件库 344本章小结 345练习10 345实训10 346第11章 Vue项目实战 35111.1 友联通讯录 351 11.1.1 项目需求 351 11.1.2 实现技术 352 11.1.3 环境配置 352 11.1.4 项目实现 35311.2 通用登录/注册管理系统 379 11.2.1 项目需求 379 11.2.2 实现技术 380 11.2.3 环境配置 381 11.2.4 项目实现 383本章小结 415练习11 415实训11 415第12章 Vue 3.0基础应用 41612.1 Vue 3.0新特 416 12.1.1 新特简介 417 12.1.2 下一阶段工作 418 12.1.3 Vue 3.0学习参考 41812.2 Vue 3.0初步体验 418 12.2.1 Vue 3.0下载与引用 418 12.2.2 Vue 3.0创建简易应用 419 12.2.3 Vue 3.0发布文档的使用 42212.3 Vue 3.0新特应用 423 12.3.1 使用脚手架创建项目 423 12.3.2 组件选项 425 12.3.3 ref()、reactive()和toRefs()函数 428 12.3.4 computed、watch和watchEffect 431 12.3.5 ref引用DOM元素和组件实例 434 12.3.6 Vue Router和Vuex 436 12.3.7 Vue 3.0生命周期 441 12.3.8 provide()和inject()函数 442 12.3.9 组合式API 447 12.3.10 模板refs 44912.4 Vue 3.0购物车实战 453 12.4.1 项目设计要求 453 12.4.2 项目实现 455本章小结 464练习12 464实训12 465参考文献 470_x00C_