Vue.js从入门到项目实战
| 作者 |
| 丛书名 |
| 出版社 |
| 清华大学出版社 |
| ISBN |
| 9787302539193 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 《Vue.js从入门到项目实战》从零基础开始讲解，用实例引导读者深入学习，深入浅出地讲解了Vue框架的各项实战技能。 《Vue.js从入门到项目实战》共16章，主要讲解了Vue.js的基本概念，Vue实例和模板语法，计算属性、侦听器和过滤器，内置指令，页面元素样式的绑定，事件处理，双向数据绑定，组件技术，使用webpack打包，项目脚手架vue-cli，前端路由技术，状态管理等。*后列举了4个行业热点项目实训，包括神影视频App、音乐之家App、仿手机QQ页面、仿饿了么App。 《Vue.js从入门到项目实战》适合任何想学习Vue框架的人员，无论您是否从事计算机相关行业，无论您是否接触过Vue框架，通过学习本书内容均可快速掌握Vue框架设计的方法和技巧。 |
| 目录 |
第1章 Vue.js简介与安装 001 1.1 Vue概述 001 1.1.1 MVVM模式 002 1.1.2 Vue是什么 002 1.1.3 Vue有什么不同 003 1.2 如何使用Vue.js 005 1.2.1 传统的前端开发模式 005 1.2.2 Vue.js的开发模式 005 1.3 安装Vue 006 1.3.1 直接用引入 006 1.3.2 NPM 007 1.3.3 命令行工具 007 1.4 第一个Vue程序 007 1.5 疑难解惑 010 第2章 Vue实例和模板语法 011 2.1 Vue实例 011 2.1.1 创建一个Vue实例 011 2.1.2 数据与方法 012 2.1.3 实例生命周期钩子014 2.1.4 实例化多个对象 014 2.2 模板语法 018 2.2.1 插值018 2.2.2 指令021 2.2.3 缩写021 2.3 疑难解惑 022 第3章 计算属性、侦听器和过滤器 023 3.1 计算属性 023 3.2 计算属性与方法 024 3.3 侦听属性 027 3.3.1 回调值为函数方法027 3.3.2 回调值为对象 028 3.4 过滤器 030 3.5 疑难解惑 033 第4章 内置指令 035 4.1 基本指令 035 4.1.1 v-cloak 035 4.1.2 v-once 036 4.1.3 v-text与v-html 037 4.1.4 v-bind 037 4.1.5 v-on 038 4.2 条件渲染 040 4.2.1 v-if 040 4.2.2 在元素上使用v-if条件渲染分组 042 4.2.3 v-else 043 4.2.4 v-else-if 044 4.2.5 用key管理可复用的元素 045 4.2.6 v-show 047 4.2.7 v-if与v-show的区别 048 4.3 列表渲染 050 4.3.1 使用v-for 指令遍历元素 050 4.3.2 维护状态 053 4.3.3 数组更新检测 053 4.3.4 对象变更检测注意事项 056 4.3.5 在 上使用v-for 057 4.3.6 v-for 与v-if 一同使用 058 4.4 自定义指令 060 4.5 疑难解惑 062 第5 章 页面元素样式的绑定 064 5.1 绑定HTML 样式 064 5.1.1 数组语法 064 5.1.2 对象语法 066 5.1.3 在自定义组件上使用class 068 5.2 绑定内联样式 069 5.2.1 对象语法 069 5.2.2 数组语法 071 5.3 疑难解惑 072 第6 章 事件处理 074 6.1 监听事件 074 6.2 事件处理方法 075 6.3 事件修饰符 080 6.3.1 stop 修饰符 080 6.3.2 capture 修饰符 082 6.3.3 self 修饰符 083 6.3.4 once 修饰符 085 6.3.5 prevent 修饰符 085 6.3.6 passive 修饰符 086 6.4 按键修饰符 087 6.5 系统修饰键 089 6.6 案例实战仿淘宝Tab 栏切换 090 6.7 疑难解惑 092 第7 章 表单输入绑定（双向数据绑定） 094 7.1 双向绑定 094 7.2 基本用法 095 7.2.1 文本095 7.2.2 多行文本 096 7.2.3 复选框 096 7.2.4 单选按钮 097 7.2.5 选择框 098 7.3 值绑定 101 7.3.1 绑定复选框 101 7.3.2 绑定单选按钮 101 7.3.3 绑定选择框 102 7.4 修饰符 103 7.4.1 lazy 修饰符 103 7.4.2 number 修饰符 103 7.4.3 trim 修饰符 104 7.5 案例实战1小游戏破坏瓶子 105 7.6 案例实战2设计动态表格 107 7.7 疑难解惑 110 第8 章 组件技术 113 8.1 组件是什么 113 8.2 组件的注册 114 8.2.1 全局注册 114 8.2.2 局部注册 117 8.3 组件中的data 选项 119 8.4 组件中的props 选项 121 8.5 组件的复用 124 8.6 组件间的数据通信 126 8.6.1 父组件向子组件通信 126 8.6.2 子组件向父组件通信 127 8.7 插槽 129 8.7.1 认识插槽 129 8.7.2 具名插槽 132 8.7.3 作用域插槽 135 8.7.4 解构插槽 137 8.8 案例实战设计照片相册 139 8.9 疑难解惑 143 第9 章 使用webpack 打包 145 9.1 前端工程化与 webpack 145 9.2 webpack 基础配置 148 9.2.1 安装 webpack 与 webpack-devserver 148 9.2.2 webpack 的核心概念 149 9.2.3 完善配置文件 152 9.3 单文件组件与vue-loader 154 9.4 疑难解惑 160 第10 章 项目脚手架vue-cli 161 10.1 脚手架的组件 161 10.2 脚手架环境搭建 162 10.3 安装脚手架 164 10.4 创建项目 165 10.4.1 使用命令165 10.4.2 使用图形化界面 167 10.5 疑难解惑 171 第11 章 前端路由技术 172 11.1 实现Vue 前端路由控制 172 11.1.1 前端路由的实现方式 172 11.1.2 路由实现步骤 173 11.2 命名路由、命名视图和路由传参 177 11.2.1 命名路由 177 11.2.2 命名视图 179 11.2.3 路由传参 183 11.3 编程式导航 191 11.4 组件与Vue Router 间解耦 194 11.4.1 布尔模式解耦 194 11.4.2 对象模式解耦 197 11.4.3 函数模式解耦 198 11.5 疑难解惑 198 第12 章 状态管理 200 12.1 Vuex 概述 200 12.1.1 状态管理模式 200 12.1.2 Vuex 的应用场合 202 12.2 Vuex 的安装与使用 202 12.2.1 安装Vuex 202 12.2.2 Promise 对象 203 12.2.3 使用Vuex 203 12.3 在项目中使用Vuex 205 12.3.1 使用脚手架搭建一个项目 205 12.3.2 state 对象 209 12.3.3 getter 对象 210 12.3.4 mutation 对象 212 12.3.5 Action 对象 213 12.4 疑难解惑 215 第13 章 项目实训1神影视频App 216 13.1 准备工作 216 13.1.1 开发环境216 13.1.2 搭建Vue 脚手架 216 13.2 网站概述 219 13.2.1 网站结构219 13.2.2 初始化项目文件 220 13.3 设计项目组件 221 13.3.1 设计头部和底部导航组件 222 13.3.2 设计电影页面组件 224 13.3.3 设计影院页面组件 235 13.3.4 设计我的页面组件 238 13.4 设计项目页面组件及路由配置 239 13.4.1 电影页面组件及路由 239 13.4.2 影院页面组件及路由 242 13.4.3 我的页面组件及路由 244 第14 章 项目实训2音乐之家App 246 14.1 项目概述 246 14.1.1 开发环境246 14.1.2 技术概括247 14.1.3 项目结构247 14.2 入口文件 248 14.2.1 项目入口页面（index.html） 248 14.2.2 程序入口文件（main.js） 249 14.2.3 组件入口文件（App.vue） 249 14.3 状态管理 252 14.3.1 store/api.js 252 14.3.2 store/index.js 253 14.4 项目组件设计 254 14.4.1 欢迎组件255 14.4.2 播放组件256 14.4.3 歌曲信息组件 259 14.4.4 歌曲列表组件 261 14.4.5 歌曲详情组件 262 第15 章 项目实训3仿手机QQ 页面 266 15.1 项目概述 266 15.1.1 开发环境266 15.1.2 技术概括267 15.1.3 项目结构267 15.2 入口文件 268 15.2.1 项目入口页面 268 15.2.2 程序入口文件 269 15.2.3 组件入口文件 269 15.3 状态管理 272 15.3.1 action.js 272 15.3.2 getters.js 273 15.3.3 mutations.js 273 15.3.4 store.js 275 15.4 项目组件及路由 276 15.4.1 配置路由276 15.4.2 顶部导航栏组件 277 15.4.3 侧边栏导航组件 278 15.4.4 搜索组件280 15.4.5 个人信息页面组件 283 15.4.6 底部tab 栏组件 286 15.4.7 消息页面组件 288 15.4.8 聊天组件291 15.4.9 朋友页面组件 295 15.4.10 动态页面组件 298 15.5 模拟请求数据 300 第16 章 项目实训4仿饿了么App 302 16.1 项目概述 302 16.1.1 开发环境302 16.1.2 项目结构303 16.2 入口文件 304 16.2.1 项目入口页面 304 16.2.2 程序入口文件 304 16.2.3 组件入口文件 305 16.3 项目组件 306 16.3.1 头部组件306 16.3.2 商品数量控制组件 309 16.3.3 购物车组件310 16.3.4 评论内容组件 314 16.3.5 商品详情组件 317 16.3.6 星级组件320 16.3.7 商品组件321 16.3.8 评论组件324 16.3.9 商家信息组件 326 |
有问题微信扫码联系