内容简介

《Vue.js前端开发(全案例微课版)》是针对零基础读者编写的网站前端开发入门教材，侧重案例实训，并提供扫码微课来讲解当前的热点案例。 《Vue.js前端开发(全案例微课版)》分为16章，内括快速搭建开发与调试环境、熟悉Vue.js语法、指令、计算属、精通监听器和过滤器、事件处理、Class与Style绑定、表单输入绑定、精通组件、玩转过渡和动画、脚手架Vue CLI、使用Vue Router开发单页面应用、状态管理——Vuex、数据请求库——axios等。后通过两个热点综合项目，进一步帮助读者巩固项目开发经验。 《Vue.js前端开发(全案例微课版)》通过热点案例，可以让初学者快速掌握网站前端开发技术，既适合作为自学教材，也可作为计算机相关专业的实训辅导教材。

目录

目 录第1章 快速搭建开发与调试环境 0011.1 前端开发的前世今生 0011.2 MV*模式 0021.2.1 MVC模式 0021.2.2 MVVM模式 0021.3 Vue.js概述 0031.4 安装Vue.js 0041.4.1 使用cript>引入的方式 0041.4.2 命令行工具(CLI) 0051.4.3 NPM 0061.5 安装WebStorm 0061.6 安装vue-devtools 0091.7 小试身手——我的个Vue.js程序 0101.8 新手疑难问题解答 012第2章 熟悉Vue.js语法 0132.1 创建Vue实例 0132.2 data选项 0142.2.1 new Vue()实例中的data 0142.2.2 组件中的data 0162.2.3 多个对象中的data 0182.3 方法选项 0202.3.1 使用方法 0212.3.2 传递参数 0222.3.3 方法之间的调用 0222.4 生命周期钩子函数 0232.4.1 认识生命周期钩子函数 0232.4.2 created和mouted 0242.5 插值 0252.6 指令 0272.7 缩写 0292.8 新手疑难问题解答 030第3章 指令 0313.1 内置指令 0313.1.1 v-bind 0313.1.2 v-on 0313.1.3 v-model 0323.1.4 v-text 0333.1.5 v-html 0343.1.6 v-show 0343.1.7 v-if/v-else-if/v-else 0363.1.8 v-for 0383.1.9 v-pre 0463.1.10 v-once 0463.1.11 v-cloak 0473.2 自定义指令 0483.2.1 注册自定义指令 0483.2.2 钩子函数 0483.3 新手疑难问题解答 050第4章 计算属 0514.1 使用计算属 0514.2 计算属的getter和setter方法 0524.3 计算属和方法的区别 0544.4 计算属代替v-for和v-if 0554.5 新手疑难问题解答 056第5 章 精通监听器和过滤器 0575.1 使用监听器 0575.2 监听方法 0585.3 监听对象 0585.4 全局过滤器与局部过滤器 0615.5 过滤器的参数 0625.6 过滤器的串联 0625.7 综合实训——使用过滤器格式化时间 0635.8 新手疑难问题解答 064第6 章 事件处理 0656.1 监听事件 0656.2 事件法 0666.3 事件修饰符 0676.3.top 0686.3.2 capture 0696.3.3 self 0706.3.4 once 0716.3.5 prevent 0726.3.6 passive 0726.4 按键修饰符 0736.5 系统修饰键 0746.6 综合实训——动态获取鼠标的坐标 0756.7 新手疑难问题解答 076第7 章 Class 与Style 绑定 0777.1 绑定HTML 样式(Class) 0777.1.1 数组语法 0777.1.2 对象语法 0787.1.3 在组件上使用class 属 0807.2 绑定内联样式(style) 0817.2.1 对象语法 0817.2.2 数组语法 0827.3 综合实训——实现简易计算器 0837.4 新手疑难问题解答 087第8 章 表单输入绑定 0898.1 双向绑定 0898.2 基本用法 0898.2.1 单行文本 0898.2.2 多行文本 0908.2.3 复选框 0908.2.4 单选按钮 0918.2.5 选择框 0928.3 值绑定 0938.3.1 复选框 0948.3.2 单选按钮 0948.3.3 选择框的选项 0958.4 修饰符 0958.4.1 trim 0958.4.2 lazy 0968.4.3 number 0968.5 综合实训——设计动态表格 0978.6 新手疑难问题解答 101第9 章 精通组件 1049.1 什么是组件 1049.2 组件的注册 1049.2.1 全局注册 1059.2.2 局部注册 1079.3 使用prop 向子组件传递数据 1079.3.1 prop 基本用法 1089.3.2 单向数据流 1109.3.3 prop 验证 1109.3.4 非prop 的属 1129.4 子组件向父组件传递数据 1139.4.1 监听子组件事件 1139.4.2 将原生事件绑定到组件 1149.4.3 sync 修饰符 1169.5 插槽 1179.5.1 插槽的基本用法 1179.5.2 编译作用域 1189.5.3 默认内容 1189.5.4 命名插槽 1199.5.5 作用域插槽 1219.5.6 解构插槽prop 1239.6 综合实训——设计3D 相册效果 1249.7 新手疑难问题解答 127第10 章 玩转过渡和动画 12810.1 单元素/ 组件的过渡 12810.1.1 CSS 过渡 12810.1.2 过渡的类名 12910.1.3 CSS 动画 13110.1.4 自定义过渡的类名 13210.1.5 动画的Javascript 钩子函数 13310.2 初始渲染的过渡 13510.3 多个元素的过渡 13710.4 列表过渡 13810.4.1 列表的进入/ 离开过渡 13810.4.2 列表的排序过渡 13910.4.3 列表的交错过渡 14010.5 综合实训——数字阶梯排序动画 14110.6 新手疑难问题解答 147第11 章 脚手架Vue CLI 14811.1 脚手架的组件 14811.2 脚手架环境搭建 14911.3 安装脚手架 15111.4 创建项目 15211.4.1 使用命令 15211.4.2 使用图形化界面 15411.5 配置sass、less 和stylus 15711.6 配置文件gackage.json 15811.7 新手疑难问题解答 159第12 章 使用Vue Router 开发单页面应用 16012.1 使用Vue Router 16012.1.1 HTML 页面中使用路由 16012.1.2 项目中使用路由 16312.2 命名路由 16412.3 命名视图 16612.4 路由传参 16812.5 编程式导航 17312.6 组件与Vue Router 间解耦 17612.6.1 布尔模式 17612.6.2 对象模式 17712.6.3 函数模式 17812.7 新手疑难问题解答 178第13 章 状态管理——Vuex 18013.1 什么是Vuex 18013.2 安装Vuex 18113.3 Vuex 的基本用法 18113.4 在项目中使用Vuex 18413.4.1 搭建一个项目 18413.4.2 State 对象 18813.4.3 Getter 对象 18913.4.4 Mutation 对象 19113.4.5 Action 对象 19313.5 新手疑难问题解答 195第14 章 数据请求库——axios 19614.1 什么是axios 19614.2 安装axios 19614.3 基本用法 19714.3.1 get 请求和post 请求 19714.3.2 请求json 数据 19914.3.3 跨域请求数据 20014.3.4 并发请求 20114.4 axios API 20214.5 请求配置 20314.6 创建实例 20614.7 配置默认选项 20614.8 拦截器 20614.9 综合实训——显7 日的天气情况 20714.10 新手疑难问题解答 209第15 章 开发短社交App 21015.1 脚手架搭建项目 21015.2 Home 组件 21115.2.1 配置Home 组件路由 21115.2.2 底部导航栏组件 21315.2.3 配置Home 组件子路由 21415.3 首页组件 21615.3.1 顶部导航栏组件 21615.3.2 列表组件 21915.3.3 播放组件 22115.3.4 点赞和分享组件 22515.3.5 发布者和歌曲滚动组件 22715.3.6 评论列表内容 22915.4 组件 23415.5 发布组件 23715.5.1 拍摄组件 23715.5.2 上传组件 23915.5.3 配置拍摄和上传组件的路由 24515.6 消息组件 24515.7 登录组件 24915.7.1 配置登录组件的路由 24915.7.2 手机验证组件 24915.7.3 密码登录组件 25715.8 个人信息组件 26215.8.1 配置登录组件的路由 26315.8.2 信息组件 26315.8.3 修改信息组件 267第16 章 开发在线外卖App 27116.1 项目概述 27116.1.1 开发环境 27116.1.2 技术概括 27216.1.3 项目结构 27216.2 入口文件 27316.2.1 项目入口文件（index.html） 27316.2.2 程序入口文件（main.js） 27316.2.3 组件入口文件（App.vue） 27416.3 项目组件 27516.3.1 头部组件（header.vue） 27516.3.2 商品数量控制组件（cartControl.vue） 27716.3.3 购物车组件（showcart.vue） 27916.3.4 评论内容组件（ratingselect.vue） 28316.3.5 商品详情组件（food.vue） 28516.3.6 组件（star.vue） 28816.3.7 商品组件（goods.vue） 28916.3.8 评论组件（ratings.vue） 29216.3.9 商家信息组件（seller.vue） 295