Vue.js 2.x实践指南

作品简介

本书以符合初学者思维的方式，并结合作者实际参与过的项目，系统介绍Vue的应用技巧以及基于Vue构建企业项目的方法。通过本书的学习，读者可以全面掌握Vue及其相关技术的开发，并可以从本书代码中获取软件开发与架构设计的经验与灵感，对读者有极大的参考价值。

本书分为10章，内容包括Vue开发准备、Vue开发基础、Vue进阶、Vue组件开发、路由vue-router、webpack介绍、webpack和Vue的结合、webpack中UI组件的使用、移动图书商城以及PC后台管理系统。本书适合具有HTML+CSS+JS基础的Vue初学者、Web前端开发人员，也适合作为高等院校和培训学校Web前端课程的教学参考书。

邹琼俊，湖南人，.NET不错工程师，CSDN学院讲师，专注于.NET Web开发，对.NET Web开发有较深研究。

作品目录

• 内容简介
• 推荐序
• 前言
• 第1章 Vue开发前奏
• 1.1　网站交互方式
• 1.2　前后端分离的开发模式
• 1.3　前端三大开发框架
• 1.4　为什么要学习流行框架（MVVM框架）
• 1.5　框架和库的区别
• 1.6　模块化和组件化
• 1.7　后端中的MVC与前端中的MVVM之间的区别
• 1.8　Node.js安装
• 1.9　Promises介绍
• 1.10　ES7语法糖async/await
• 1.11　开发工具
• 第2章 Vue基础入门
• 2.1　Vue发展历史
• 2.2　什么是Vue.js
• 2.3　Vue基本代码
• 2.4　Vue常用指令介绍
• 2.5　v-bind&v-on指令
• 2.6　v-model双向数据绑定
• 2.7　v-for和key属性
• 2.8　v-if和v-show
• 2.9　在Vue中使用样式
• 2.10　过滤器
• 2.11　键盘修饰符以及自定义键盘修饰符
• 2.12　自定义指令
• 2.13　增删改查示例
• 第3章 Vue进阶
• 3.1　Vue生命周期
• 3.2　axios介绍
• 3.3　Vue过渡动画
• 第4章 Vue组件开发
• 4.1　组件介绍
• 4.2　组件传值
• 4.3　组件案例：留言板
• 4.4　使用ref获取DOM元素和组件引用
• 4.5　Vuex
• 4.6　render函数
• 第5章 路由vue-router
• 5.1　什么是路由
• 5.2　安装vue-router的两种方式
• 5.3　vue-router的基本使用
• 5.4　设置选中路由高亮
• 5.5　为路由切换启动动画
• 5.6　路由传参query&params
• 5.7　使用children属性实现路由嵌套
• 5.8　使用命名视图
• 5.9　watch监听
• 5.10　computed：计算属性的使用
• 5.11　watch、computed、methods的对比
• 5.12　nrm的安装及使用
• 5.13　vue-router中编程式导航
• 第6章 webpack介绍
• 6.1　webpack概念的引入
• 6.2　webpack：最基本的使用方式
• 6.3　webpack最基本的配置文件的使用
• 6.4　webpack-dev-server的基本使用
• 6.5　使用html-webpack-plugin插件配置启动页面
• 6.6　webpack-dev-server的常用命令参数
• 6.7　webpack-dev-server配置命令的另一种方式
• 6.8　配置处理css样式表的第三方loader
• 6.9　分析webpack调用第三方loader的过程
• 6.10　npm install--save、--save-dev、-D、-S、-g的区别
• 6.11　配置处理less文件的loader
• 6.12　配置处理scss文件的loader
• 6.13　webpack中url-loader的使用
• 6.14　webpack中使用url-loader处理字体文件
• 6.15　webpack中Babel的配置
• 第7章 webpack和Vue的结合
• 7.1　webpack中导入Vue和普通网页使用Vue的区别
• 7.2　export default和export的使用方式
• 7.3　结合webpack使用vue-router
• 7.4　结合webpack实现children子路由
• 7.5　组件中style标签lang属性和scoped属性的介绍
• 7.6　抽离路由模块
• 第8章 webpack中UI组件的使用
• 8.1　使用饿了么的Mint UI组件
• 8.2　Mint UI按需导入
• 8.3　MUI介绍
• 8.4　MUI的使用
• 8.5　Vant UI
• 8.6　Element UI
• 第9章 移动图书商城
• 9.1　mockjs介绍
• 9.2　App首页设计
• 9.3　使用阿里巴巴矢量库
• 9.4　App.vue组件的基本设置
• 9.5　首页轮播图
• 9.6　首页九宫格
• 9.7　图书分类组件
• 9.8　制作顶部滑动导航
• 9.9　制作图片列表
• 9.10　在Android手机浏览器中调试App
• 9.11　真机调试
• 9.12　封装轮播组件
• 9.13　商品详情页
• 9.14　购物车小球动画
• 9.15　封装购买数量组件
• 9.16　设计购物车数据存储
• 9.17　我的购物车
• 9.18　增加页面返回
• 9.19　总结
• 第10章 天下会管理平台
• 10.1　Vue前端开发规范
• 10.2　通过vue-cli来搭建项目
• 10.3　完善项目结构
• 10.4　项目介绍及其界面设计
• 10.5　项目设计和分析
• 10.6　表单验证
• 10.7　登录
• 10.8　增删改查列表
• 后记