《Vue.js 2.x实践指南》其实早在一年前就已经完稿,只是由于疫情的缘故耽搁了许久才下厂印刷。

  本书旨在让初学者能够快速上手vue技术栈,并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式,这样学习起来不会那么枯燥,而且极具成效。时间是很宝贵的东西,所以尽量用最少的时间去掌握对自己有帮助知识是非常重要的。

  阅读本书需要具备HTML、CSS和JS基础,本书针对的用户群体主要是:想要快速学习vue技术,并能够用vue进行实际项目开发的读者以及高校计算机专业学生。书中通过一个H5移动应用和一个PC Web应用来讲述了vue的实践应用。

  另外:本书提供PPT课件。

  图书购买地址:

  京东:《Vue.js 2.x实践指南》

  当当:《Vue.js 2.x实践指南》

  天猫:《Vue.js 2.x实践指南》

  书中示例项目截图:

  书目录大纲:

第  章
◄ VUE开发前奏 ►
1.1 网站交互方式
1.1. 多页WEB应用(MPA)
1.1. 单页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. 在PROMISES出现之前的文件读取方式
1.9. PROMISES基本概念介绍
1.10 ES7语法糖ASYNC/AWAIT
1.11 开发工具
1.11. VISUAL STUDIO CODE
1.11. VUEDEVTOOLS
1.11. CHROME
第 章
◄ VUE基础入门 ►
2.1 VUE发展历史
2.2 什么是VUE.JS
2.3 VUE基本代码
2.4 VUE常用指令介绍
2.4. V-CLOAK指令
2.4. V-HTML指令
2.4. V-BIND&V-ON指令
2.4. 示例:跑马灯特效
2.5 事件修饰符
2.6 V-MODEL双向数据绑定
2.7 V-FOR和KEY属性
2.8 V-IF和V-SHOW
2.9 在VUE中使用样式
2.9. 使用CLASS样式
2.9. 使用内联样式
2.10 过滤器
2.10. 全局过滤器
2.10. 私有过滤器
2.11 键盘修饰符以及自定义键盘修饰符
2.12 自定义指令
2.13 增删改查示例
第 章
◄ VUE进阶 ►
3.1 VUE生命周期
3.2 AXIOS介绍
3.2. 跨域请求
3.2. NODE手写JSONP服务器剖析JSONP原理
3.3 VUE过渡动画
3.3. 单元素/组件的过渡
3.3. 列表过渡
第 章
◄ VUE组件开发 ►
4.1 组件介绍
4.1. 全局组件定义的三种方式
4.1. 使用COMPONENTS定义私有组件
4.1. 组件中展示数据和响应事件
4.1. 组件切换
4.2 组件传值
4.2. 父组件向子组件传值
4.2. 子组件向父组件传值
4.2. 事件总线(EVENTBUS)
4.3 组件案例:留言板
4.4 使用REF获取DOM元素和组件引用
4.5 VUEX
4.5. 安装VUEX
4.5. 配置VUEX的步骤
4.6 RENDER函数
第 章
◄ 路由VUE-ROUTER ►
5.1 什么是路由
5.1. 前端路由的原生代码实现
5.2 安装VUE-ROUTER的两种方式
5.3 VUE-ROUTER的基本使用
5.3.
5.4 设置选中路由高亮
5.5 为路由切换启动动画
5.6 路由传参QUERY&PARAMS
5.6. QUERY
5.6. PARAMS
5.7 使用CHILDREN属性实现路由嵌套
5.8 使用命名视图
5.9 WATCH监听
5.10 COMPUTED:计算属性的使用
5.11 WATCH、COMPUTED、METHODS的对比
5.12 NRM的安装及使用
5.1. VUE-ROUTER中编程式导航
第 章
◄ 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 LOADER:配置处理CSS样式表的第三方LOADER
6.9 LOADER:分析WEBPACK调用第三方LOADER的过程
6.10 NPM INSTALL --SAVE 、--SAVE-DEV 、 -D、-S、-G 的区别
6.11 LOADER:配置处理LESS文件的LOADER
6.12 LOADER-配置处理SCSS文件的LOADER
6.13 WEBPACK中URL-LOADER的使用
6.14 WEBPACK中使用URL-LOADER处理字体文件
6.15 WEBPACK中BABEL的配置
第 章
◄ WEBPACK和VUE的结合 ►
7.1 WEBPACK中导入VUE和普通网页 使用VUE的区别
7.1. 在WEBPACK中使用VUE
7.1. 在WEBPACK中配置.VUE组件页面总结
7.2 EXPORT DEFAULT 和 EXPORT 的使用方式
7.3 结合WEBPACK使用VUE-ROUTER
7.4 结合WEBPACK实现CHILDREN子路由
7.5 组件中STYLE标签LANG属性和SCOPED 属性的介绍
7.5. 重写子组件中的样式
7.6 抽离路由模块
第 章
◄ WEBPACK中UI组件的使用 ►
8.1 使用饿了么的MINT UI 组件
8.1. BUTTON组件
8.1. TOAST组件
8.2 MINT UI按需导入
8.3 MUI介绍
8.4 MUI的使用
8.5 VANT UI
8.6 ELEMENT UI
8.6. 引入ELEMENT
8.6. ELEMENT常见应用场景及解决方案
第 章
◄ 移动图书商城 ►
9.1 MOCKJS介绍
9.2 APP首页设计
9.3 使用阿里巴巴矢量库
9.3. UNICODE、FONT CLASS和SYMBOL的区别
9.3 APP.VUE 组件的基本设置
9.3. 设置路由激活时高亮的两种方式:
9.3. 实现 TABBAR 页签不同组件页面的切换
9.3. 路由切换添加过渡效果
9.4 首页轮播图
9.4. 什么是 BASE64 编码?
9.5 首页九宫格
9.6 图书分类组件
9.7 制作顶部滑动导航
9.8 制作图片列表
9.9 在ANDROID手机浏览器中调试APP
9.10 真机调试
9.11 封装轮播组件
9.12 商品详情页
9.12. 自定义V-TAP指令
9.13 购物车小球动画
9.13. GETBOUNDINGCLIENTRECT
9.14 封装购买数量组件
9.15 设计购物车数据存储
9.16 我的购物车
9.17 增加页面返回
9.18 总结
第 章
◄ 天下会管理平台 ►
10.1 VUE前端开发规范
10.1. 统一开发环境
10.1. 技术框架选型
10.1. 命名规范
10.1. 注意事项
10.1. ESLINT配置JS语法检查并自动格式化
10.2 通过VUE-CLI来搭建项目
10.3 完善项目结构
10.3. 设置浏览器图标
10.3. 完善SRC源码目录结构
10.3. 引入ELEMENT UI
10.3. 封装AXIOS请求
10.3. AJAX跨域支持
10.3. 封装全局的CSS变量文件
10.3. VUE-WECHAT-TITLE动态修改TITLE
10.3. 封装全局的配置文件BASE-CONFIG.JS
10.4 项目介绍及其界面设计
10.5 项目设计和分析
10.5. 帮主首页
10.5. 其他管理界面
10.5. 设计路由
10.5. 设计业务逻辑层
10.5. VUEX设计
10.5. 权限设计
10.5. 菜单组件
10.6 表单验证
10.7 登录
10.7. 帐号密码登录
10.7. 在线生成二维码
10.7. 制作网站ICO图标
10.7. 存储登录信息
10.7. 回车自动登录
10.7. 防止登录按钮频繁点击
10.8 增删改查列表

  创作不易,且珍惜~

《Vue.js 2.x实践指南》 已出版的更多相关文章

  1. 《Node+MongoDB+React 项目实战开发》已出版

    前言 从深圳回长沙已经快4个月了,除了把车开熟练了外,并没有什么值得一提的,长沙这边要么就是连续下一个月雨,要么就是连续一个月高温暴晒,上班更是没啥子意思,长沙这边的公司和深圳落差挺大的,薪资也是断崖 ...

  2. React项目实战:react-redux-router基本原理

    React相关 React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架. JSX 本质上来讲,JSX 只是为React.createElement(component, props, .. ...

  3. python操作三大主流数据库(10)python操作mongodb数据库④mongodb新闻项目实战

    python操作mongodb数据库④mongodb新闻项目实战 参考文档:http://flask-mongoengine.readthedocs.io/en/latest/ 目录: [root@n ...

  4. Laravel 中使用 swoole 项目实战开发案例二 (后端主动分场景给界面推送消息)

    推荐阅读:Laravel 中使用 swoole 项目实战开发案例一 (建立 swoole 和前端通信)​ 需求分析 我们假设有一个需求,我在后端点击按钮 1,首页弹出 “后端触发了按钮 1”.后端点了 ...

  5. 《ASP.NET Core应用开发入门教程》与《ASP.NET Core 应用开发项目实战》正式出版

    “全书之写印,实系初稿.有时公私琐务猬集,每写一句,三搁其笔:有时兴会淋漓,走笔疾书,絮絮不休:有时意趣萧索,执笔木坐,草草而止.每写一段,自助覆阅,辄摇其首,觉有大不妥者,即贴补重书,故剪刀浆糊乃不 ...

  6. asp.net core react 项目实战(一)

    asp.net-core-react asp.net core react 简介 开发依赖环境 .NET Core SDK (reflecting any global.json): Version: ...

  7. GraphQL搭配MongoDB入门项目实战

    什么是GraphQL GraphQL 是一种面向 API 的查询语言.在互联网早期,需求都以 Web 为主,那时候数据和业务需求都不复杂,所以用 RestAPI 的方式完全可以满足需求.但是随着互联网 ...

  8. react 项目实战(九)登录与身份认证

    SPA的鉴权方式和传统的web应用不同:由于页面的渲染不再依赖服务端,与服务端的交互都通过接口来完成,而REASTful风格的接口提倡无状态(state less),通常不使用cookie和sessi ...

  9. react 项目实战(七)用户编辑与删除

    添加操作列 编辑与删除功能都是针对已存在的某一个用户执行的操作,所以在用户列表中需要再加一个“操作”列来展现[编辑]与[删除]这两个按钮. 修改/src/pages/UserList.js文件,添加方 ...

  10. react 项目实战(十)引入AntDesign组件库

    本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI! 安装组件库 在项目目录下执行:npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行:npm ...

随机推荐

  1. HttpWebRequest在Post的时候,遇到特殊符号+号(加号)变成空格了

    今天在调用一个外部接口的时候遇到一个问题,外部接口说要用FOMR的POST方法提交. OK,没问题,我加了个ASPX页面,里面加了个FORM表单和一些元素,提交,返回值成功.注意看下面这一句:但返回值 ...

  2. 别人用钱,而我用python爬虫爬取了一年的4K高清壁纸

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取htt ...

  3. stand up meeting 12/22/2015 && 用户体验收录

    part 组员                工作              工作耗时/h 明日计划 工作耗时/h    UI 冯晓云  完善页面切换,尝试子页面设计    4  完善页面切换和子页面 ...

  4. Sprint1规划暨first stand up meeting

    实际上,我们关于工程分配和接口实现的讨论已经好几周了,队(shen)长(xian)大人三令五申,先把接口确定下来,数据格式很重要云云~顺便accent一下,utf-8[虽然我并不太明白为什么要这么干但 ...

  5. nodejs一些比较实用的命令

    在学习node的时候是从express开始的,在express中有一个generate,如果在机器上面全局的安装了express-generate的话,可以直接实用[express project_n ...

  6. search(6)- elastic4s-CRUD

    如果我们把ES作为某种数据库来使用的话,必须熟练掌握ES的CRUD操作.在这之前先更正一下上篇中关于检查索引是否存在的方法:elastic4s的具体调用如下: //删除索引 val rspExists ...

  7. 在pytorch下使用tensorboardX(win10;谷歌浏览器;jupyter notebook)

    使用环境:win10 ,在jupyter notebook下运行 谷歌浏览器 1.环境安装 使用conda 安装,打开anacond powershell,输入pip install tensorbo ...

  8. 【山外笔记-数据库】Memcached详解教程

    本文打印版文档下载地址 [山外笔记-数据库]Memcached详解教程-打印版.pdf 一.Memcached数据库概述 1.Memcached简介 (1)Memcached是一个自由开源的,高性能, ...

  9. SpringMVC数据传递及乱码问题

    基础环境搭建请参考SringMVC入门程序 一.SpringMVC数据处理 1:resful 路径传值 http://localhost/get/1/2 /* http://localhost/get ...

  10. Django编写自定义manage.py 命令

    官网文档地址:编写自定义 django-admin 命令 金句: 你所浪费的今天,正是昨天死的人所期待的明天. 开篇话: python manage.py <command> 的命令我们用 ...