《Vue.js 2.x实践指南》 已出版
《Vue.js 2.x实践指南》其实早在一年前就已经完稿,只是由于疫情的缘故耽搁了许久才下厂印刷。
本书旨在让初学者能够快速上手vue技术栈,并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式,这样学习起来不会那么枯燥,而且极具成效。时间是很宝贵的东西,所以尽量用最少的时间去掌握对自己有帮助知识是非常重要的。
阅读本书需要具备HTML、CSS和JS基础,本书针对的用户群体主要是:想要快速学习vue技术,并能够用vue进行实际项目开发的读者以及高校计算机专业学生。书中通过一个H5移动应用和一个PC Web应用来讲述了vue的实践应用。
另外:本书提供PPT课件。
图书购买地址:
书中示例项目截图:
书目录大纲:
- 第 章
- ◄ 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实践指南》 已出版的更多相关文章
- 《Node+MongoDB+React 项目实战开发》已出版
前言 从深圳回长沙已经快4个月了,除了把车开熟练了外,并没有什么值得一提的,长沙这边要么就是连续下一个月雨,要么就是连续一个月高温暴晒,上班更是没啥子意思,长沙这边的公司和深圳落差挺大的,薪资也是断崖 ...
- React项目实战:react-redux-router基本原理
React相关 React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架. JSX 本质上来讲,JSX 只是为React.createElement(component, props, .. ...
- python操作三大主流数据库(10)python操作mongodb数据库④mongodb新闻项目实战
python操作mongodb数据库④mongodb新闻项目实战 参考文档:http://flask-mongoengine.readthedocs.io/en/latest/ 目录: [root@n ...
- Laravel 中使用 swoole 项目实战开发案例二 (后端主动分场景给界面推送消息)
推荐阅读:Laravel 中使用 swoole 项目实战开发案例一 (建立 swoole 和前端通信) 需求分析 我们假设有一个需求,我在后端点击按钮 1,首页弹出 “后端触发了按钮 1”.后端点了 ...
- 《ASP.NET Core应用开发入门教程》与《ASP.NET Core 应用开发项目实战》正式出版
“全书之写印,实系初稿.有时公私琐务猬集,每写一句,三搁其笔:有时兴会淋漓,走笔疾书,絮絮不休:有时意趣萧索,执笔木坐,草草而止.每写一段,自助覆阅,辄摇其首,觉有大不妥者,即贴补重书,故剪刀浆糊乃不 ...
- asp.net core react 项目实战(一)
asp.net-core-react asp.net core react 简介 开发依赖环境 .NET Core SDK (reflecting any global.json): Version: ...
- GraphQL搭配MongoDB入门项目实战
什么是GraphQL GraphQL 是一种面向 API 的查询语言.在互联网早期,需求都以 Web 为主,那时候数据和业务需求都不复杂,所以用 RestAPI 的方式完全可以满足需求.但是随着互联网 ...
- react 项目实战(九)登录与身份认证
SPA的鉴权方式和传统的web应用不同:由于页面的渲染不再依赖服务端,与服务端的交互都通过接口来完成,而REASTful风格的接口提倡无状态(state less),通常不使用cookie和sessi ...
- react 项目实战(七)用户编辑与删除
添加操作列 编辑与删除功能都是针对已存在的某一个用户执行的操作,所以在用户列表中需要再加一个“操作”列来展现[编辑]与[删除]这两个按钮. 修改/src/pages/UserList.js文件,添加方 ...
- react 项目实战(十)引入AntDesign组件库
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI! 安装组件库 在项目目录下执行:npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行:npm ...
随机推荐
- Python爬虫某招聘网站的岗位信息
前言 文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者:阿尔法游戏 PS:如有需要Python学习资料的小伙伴可以加点击下方链 ...
- 字符串的常用操作和方法(Python入门教程)
字符串的常用操作 很好理解 字符串可以用 ' + ' 连接,或者乘一个常数重复输出字符串 字符串的索引操作 通过一对中括号可以找到字符串中的某个字符 可以通过正负数双向操作噢 用一个中括号来实现 为什 ...
- 小L的直线
小学时期的小L发现自己很有艺术细胞,于是买了一块画板,但是他的绘画水平使得他只能连接两点画出一条线段.有一天他决定在一张有n个点的图上作画,即他可以把这n个点任意连接.大家认为平行线是非常不美观的,于 ...
- Mac下打开 kvm
mac 下打开 kvm ,需要装这个 https://www.xquartz.org/
- 机器学习5- 对数几率回归+Python实现
目录 1. 对数几率回归 1.1 求解 ω 和 b 2. 对数几率回归进行垃圾邮件分类 2.1 垃圾邮件分类 2.2 模型评估 混淆举证 精度 交叉验证精度 准确率召回率 F1 度量 ROC AUC ...
- TensorFlow-keras fit的callbacks参数,定值保存模型
from tensorflow.python.keras.preprocessing.image import load_img,img_to_array from tensorflow.python ...
- 技术周刊 · 0202 年了,你还不学一下 WASM 么?
蒲公英 · JELLY技术周刊 Vol.04 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- HTTP 前世今生
HTTP 协议在我们身边随处可见,只要上网就离不开它.不论是用浏览器还是 App,不论是看新闻.短视频还是听音乐.玩游戏,后面总会有 HTTP 在默默为你服务. Http 协议是怎么来的?最开始是什么 ...
- 3、flink架构,资源和资源组
一.flink架构 1.1.集群模型和角色 如上图所示:当 Flink 集群启动后,首先会启动一个 JobManger 和一个或多个的 TaskManager.由 Client 提交任务给 JobMa ...
- css3 文本控制自动换行
text-overflow:ellipsis; white-space:nowrap; overflow:hidden;