Vue.js 2.x实践指南电子书

封面页

书名页

版权页

内容简介

推荐序

前言

目录

第1章　Vue开发前奏

1.1　网站交互方式

1.1.1　多页Web应用（MPA）

1.1.2　单页Web应用（SPA）

1.2　前后端分离的开发模式

1.3　前端三大开发框架

1.4　为什么要学习流行框架（MVVM框架）

1.5　框架和库的区别

1.6　模块化和组件化

1.7　后端中的MVC与前端中的MVVM之间的区别

1.8　Node.js安装

1.9　Promises介绍

1.9.1　在Promises出现之前的文件读取方式

1.9.2　Promises基本概念介绍

1.10　ES7语法糖async/await

1.11　开发工具

1.11.1　Visual Studio Code

1.11.2　vuedevtools

1.11.3　Chrome

第2章　Vue基础入门

2.1　Vue发展历史

2.2　什么是Vue.js

2.3　Vue基本代码

2.4　Vue常用指令介绍

2.4.1　v-cloak指令

2.4.2　v-html指令

2.5　v-bind&v-on指令

2.5.1　示例：跑马灯特效

2.5.2　事件修饰符

2.6　v-model双向数据绑定

2.7　v-for和key属性

2.8　v-if和v-show

2.9　在Vue中使用样式

2.9.1　使用class样式

2.9.2　使用内联样式

2.10　过滤器

2.10.1　全局过滤器

2.10.2　私有过滤器

2.11　键盘修饰符以及自定义键盘修饰符

2.12　自定义指令

2.13　增删改查示例

第3章　Vue进阶

3.1　Vue生命周期

3.2　axios介绍

3.2.1　跨域请求

3.2.2　Node手写JSONP服务器剖析JSONP原理

3.3　Vue过渡动画

3.3.1　单元素/组件的过渡

3.3.2　列表过渡

第4章　Vue组件开发

4.1　组件介绍

4.1.1　全局组件定义的三种方式

4.1.2　使用components定义私有组件

4.1.3　组件中展示数据和响应事件

4.1.4　组件切换

4.2　组件传值

4.2.1　父组件向子组件传值

4.2.2　子组件向父组件传值

4.3　组件案例：留言板

4.4　使用ref获取DOM元素和组件引用

4.5　Vuex

4.5.1　安装Vuex

4.5.2　配置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.6.1　query

5.6.2　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.1.1　在webpack中使用Vue

7.1.2　在webpack中配置.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.1.1　button组件

8.1.2　Toast组件

8.2　Mint UI按需导入

8.3　MUI介绍

8.4　MUI的使用

8.5　Vant UI

8.6　Element UI

8.6.1　引入Element

8.6.2　Element常见应用场景及解决方案

第9章　移动图书商城

9.1　mockjs介绍

9.2　App首页设计

9.3　使用阿里巴巴矢量库

Unicode、Font class和Symbol的区别

9.4　App.vue组件的基本设置

9.4.1　设置路由激活时高亮的两种方式

9.4.2　实现tabbar页签不同组件页面的切换

9.4.3　路由切换添加过渡效果

9.5　首页轮播图

什么是base64编码?

9.6　首页九宫格

9.7　图书分类组件

9.8　制作顶部滑动导航

9.9　制作图片列表

9.10　在Android手机浏览器中调试App

9.11　真机调试

9.12　封装轮播组件

9.13　商品详情页

自定义v-tap指令

9.14　购物车小球动画

getBoundingClientRect

9.15　封装购买数量组件

9.16　设计购物车数据存储

9.17　我的购物车

9.18　增加页面返回

9.19　总结

第10章　天下会管理平台

10.1　Vue前端开发规范

10.1.1　统一开发环境

10.1.2　技术框架选型

10.1.3　命名规范

10.1.4　注意事项

10.1.5　ESlint配置js语法检查并自动格式化

10.2　通过vue-cli来搭建项目

10.3　完善项目结构

10.3.1　设置浏览器图标

10.3.2　完善src源码目录结构

10.3.3　引入Element UI

10.3.4　封装axios请求

10.3.5　Ajax跨域支持

10.3.6　封装全局的css变量文件

10.3.7　vue-wechat-title动态修改title

10.3.8　封装全局的配置文件base-config.js

10.4　项目介绍及其界面设计

10.5　项目设计和分析

10.5.1　帮主首页

10.5.2　其他管理界面

10.5.3　设计路由

10.5.4　设计业务逻辑层

10.5.5　Vuex设计

10.5.6　权限设计

10.5.7　菜单组件

10.6　表单验证

10.7　登录

10.7.1　账号密码登录

10.7.2　在线生成二维码

10.7.3　制作网站ico图标

10.7.4　存储登录信息

10.7.5　回车自动登录

10.7.6　防止登录按钮频繁点击

10.8　增删改查列表

后记