本书较为全面地介绍了Vue.js 技术的基础知识与实战项目开发,每个章节都以案例教学为引导,以培养读者能力为目的,充分体现了“做中学”“学中做”的思想,以方便更多的初学者轻松地掌握本书的内容。本书分为3 篇,第1 篇为基础知识,包括第1~6 章;第2 篇为工程化项目开发,包括第7~9 章;第3 篇为工程化项目实战,包括第10 章。各章具体内容为Vue.js 入门、*个Vue.js 应用、Vue.js 内置指令、Vue.js组件、Vue.js 过滤器和自定义指令、Vue.js 过渡和动画、Vue 脚手架、Vuex、跨平台开发Weex 和实训项目开发。 本书内容组织合理、通俗易懂,突出实用性,适合作为计算机相关专业学生的教材,也适合计算机培训班教学使用,还可作为计算机爱好者的自学参考用书。

目录 CONTENTS 第 1篇 基础知识 第 1章 Vue.js入门 2 1.1 初识Vue.js 2 1.1.1 什么是Vue.js 2 1.1.2 为什么要使用Vue.js 2 1.1.3 MVVM模式 4 1.2 使用Vue.js理解MVVM模式 5 1.3 Vue.js的响应式理解 6 1.4 本章小结 7 1.5 本章习题 7 第2章 第 一个Vue.js应用 8 2.1 Vue.js的使用 8 2.2 实例及选项 10 2.2.1 模板 11 2.2.2 数据 12 2.2.3 方法 12 2.2.4 计算属性 13 2.2.5 观察/监听 13 2.3 数据绑定 14 2.4 计算属性 16 2.4.1 计算属性的用法 16 2.4.2 计算属性传参 18 2.4.3 计算属性的getter和setter 19 2.4.4 计算属性与方法的区别 20 2.5 生命周期 21 2.6 案例——简单的定时器 23 2.7 本章小结 24 2.8 本章习题 25 第3章 Vue.js内置指令 26 3.1 本指令 26 3.1.1 v-text和v-html指令 26 3.1.2 v-cloak指令 27 3.1.3 v-once指令 27 3.1.4 v-if、v-else和v-show指令 28 3.1.5 v-on指令 29 3.1.6 v-for指令 32 3.1.7 数组更新 36 3.2 v-bind指令 41 3.2.1 v-bind指令的基本用法 41 3.2.2 v-bind绑定样式 42 3.3 v-model指令 46 3.3.1 v-model指令的基本用法 47 3.3.2 使用v-for指令动态渲染选项 48 3.3.3 绑定值 49 3.3.4 修饰符 49 3.4 案例——简易学生管理功能 50 3.5 本章小结 55 3.6 本章习题 55 第4章 Vue.js组件 57 4.1 组件的基本使用 57 4.1.1 全局组件 57 4.1.2 局部组件 58 4.1.3 组件中的data 59 4.1.4 使用template元素创建组件 60 4.1.5 组件嵌套 62 4.1.6 使用props传递数据 63 4.2 组件通信 68 4.2.1 父组件向子组件传通信 69 4.2.2 子组件向父组件通信 71 4.2.3 非父子组件之间的通信 73 4.2.4 创建自定义组件 75 4.3 内容分发 77 4.3.1 单个插槽 77 4.3.2 具名插槽 78 4.3.3 作用域插槽 82 4.4 动态组件 83 4.5 案例——使用组件实现购物车功能 87 4.6 本章小结 89 4.7 本章习题 89 第5章 Vue.js过滤器和自定义指令 91 5.1 过滤器注册和使用 91 5.2 动态参数 94 5.3 自定义指令的注册和使用 95 5.3.1 自定义全局指令 95 5.3.2 自定义局部指令 95 5.4 钩子函数 96 5.5 对象字面量 98 5.6 案例——过滤器变换输出形式 99 5.7 本章小结 100 5.8 本章习题 100 第6章 Vue.js过渡和动画 101 6.1 CSS过渡 101 6.2 CSS动画 105 6.3 JavaScript过渡 106 6.4 自定义过渡类名 108 6.5 案例——新增列表项的动画效果 110 6.6 本章小结 112 6.7 本章习题 112 第 2篇 工程化项目开发 第7章 Vue脚手架 114 7.1 快速构建项目 114 7.1.1 Vue脚手架的安装 114 7.1.2 初始化项目 115 7.1.3 项目结构 117 7.1.4 初识单文件组件 118 7.1.5 单文件组件嵌套 119 7.1.6 构建一个简单的脚手架项目 120 7.1.7 组件通信 123 7.2 前端路由 127 7.2.1 路由的安装和使用 128 7.2.2 跳转方式 131 7.2.3 编程式导航 134 7.2.4 路由传参及获取参数 135 7.2.5 子路由 136 7.2.6 路由拦截 140 7.3 服务器端数据访问Axios 145 7.3.1 使用CDN安装Axios 145 7.3.2 使用NPM安装Axios 147 7.3.3 请求本地JSON数据 149 7.3.4 跨域请求数据 152 7.3.5 GET请求 155 7.3.6 POST请求 161 7.4 Webpack基础 163 7.4.1 Webpack简介 163 7.4.2 Vue-CLI中Webpack的配置基础 164 7.4.3 Webpack常用的Loaders和插件 165 7.5 案例——课程和教师列表管理页面 167 7.6 本章小结 177 7.7 本章习题 177 第8章 Vuex 179 8.1 Vuex概述 179 8.2 Vuex的安装 180 8.3 Vuex的基本使用 180 8.3.1 Store概述 180 8.3.2 Vuex的使用 181 8.4 Vuex的复杂使用 182 8.4.1 mutations 182 8.4.2 actions 184 8.4.3 getters 187 8.4.4 mapState、mapMutations、mapActions和mapGetters 187 8.4.5 模块化 188 8.5 案例——虚拟用户管理功能 188 8.6 本章小结 193 8.7 本章习题 193 第9章 跨平台开发Weex 194 9.1 Weex简介及安装 194 9.2 创建一个Weex项目 195 9.3 Weex的生命周期 198 9.4 Vue在Weex中的差异性 198 9.5 Weex基本概念 199 9.6 Weex内置组件 201 9.6.1 组件 202 9.6.2 组件 202 9.6.3 组件 203 9.6.4 组件 205 9.6.5 组件 206 9.6.6 组件 207 9.7 Weex内置模块 209 9.7.1 dom模块 209 9.7.2 stream模块 210 9.7.3 modal模块 210 9.8 本章小结 215 9.9 本章习题 216 第3篇 工程化项目实战 第 10章 实战项目开发 218 10.1 项目介绍 218 10.2 项目开发前期准备 219 10.2.1 初始化项目目录 219 10.2.2 安装依赖包和插件 220 10.2.3 配置项目路由 220 10.3 项目功能设计与开发 221 10.3.1 首页 221 10.3.2 首页下拉刷新和上拉加载 223 10.3.3 首页搜索 225 10.3.4 课程列表页 226 10.3.5 课程详情页 228 10.3.6 留言列表页 229 10.3.7 留言详情页和发布留言页 231 10.3.8 注册登录界面 232 10.3.9 个人**页 233