Vue.js企业开发实战

基础知识篇 第1章 Vue基础入门（20min） 1.1 Vue概述 1.1.1 MVC到MVVM的演化历程 1.1.2 Vue简介 1.1.3 虚拟DOM与Diff算法 1.2 Vue的安装与使用 1.2.1 直接使用script引入 1.2.2 使用NPM方式 1.2.3 使用命令行工具 1.2.4 创建一个Vue实例 1.3 Vue模板语法 1.3.1 插值 1.3.2 指令 1.3.3 缩写 第2章 Vue内置指令（127min） 2.1 基本指令 2.1.1 v-text与v-html 2.1.2 v-bind 2.1.3 v-once 2.1.4 v-cloak 2.1.5 v-pre 2.2 条件渲染 2.2.1 v-show 2.2.2 v-if与v-else-if 2.2.3 v-else 2.2.4 在template元素上使用v-if条件渲染分组 2.2.5 用key管理可复用的元素 2.3 列表渲染 2.3.1 遍历元素 2.3.2 维护状态 2.3.3 数组更新检测 2.3.4 对象变更检测注意事项 2.3.5 在template上使用v-for 2.3.6 v-for与v-if一同使用 2.4 事件处理 2.4.1 监听事件 2.4.2 事件处理方法 2.4.3 事件修饰符 2.4.4 按键修饰符 2.4.5 系统修饰键 2.4.6 为什么在HTML中监听事件 2.5 表单输入绑定 2.5.1 双向绑定 2.5.2 v-model基本用法 2.5.3 修饰符 2.6 class与style样式绑定 2.6.1 HTML样式绑定 2.6.2 内联样式绑定 第3章 Vue实例核心选项（66min） 3.1 数据选项 3.1.1 data选项 3.1.2 props选项 3.1.3 computed选项 3.1.4 methods选项 3.1.5 watch选项 3.2 DOM渲染选项 3.2.1 el选项 3.2.2 template选项 3.2.3 render选项 3.3 生命周期钩子 3.3.1 create初始化 3.3.2 mount组件挂载 3.3.3 update组件更新 3.3.4 destroy组件销毁 3.4 资源选项 3.4.1 directives选项 3.4.2 filters选项 第4章 Vue工程化项目（42min） 4.1 使用Webpack构建Vue项目 4.1.1 什么是Webpack 4.1.2 Webpack中配置Vue开发环境 4.1.3 Webpack配置本地服务器 4.2 Vue CLI脚手架工具 4.2.1 脚手架安装 4.2.2 使用脚手架创建Vue项目 4.2.3 项目结构与文件描述 第5章 深入了解Vue组件（35min） 5.1 什么是组件化开发 5.2 Vue自定义组件 5.2.1 组件的封装 5.2.2 自定义组件上的属性 5.2.3 自定义组件上的事件 5.3 组件属性校验 5.4 组件通信 5.4.1 父组件向子组件通信 5.4.2 子组件向父组件通信 5.5 插槽 5.5.1 什么是插槽 5.5.2 具名插槽 5.5.3 作用域插槽 核心技术篇 第6章 Vue Router路由（33min） 6.1 路由基础 6.1.1 什么是路由 6.1.2 在Vue中使用路由 6.1.3 动态路由 6.1.4 嵌套模式路由 6.1.5 编程式导航 6.2 路由的相关配置 6.2.1 命名路由 6.2.2 命名视图 6.2.3 重定向 6.3 路由的模式 6.4 导航守卫 6.4.1 全局守卫 6.4.2 路由独享守卫 6.4.3 组件内守卫 第7章 Vuex状态管理（33min） 7.1 Vuex简介 7.1.1 什么是Vuex 7.1.2 Vuex的安装与使用 7.2 Vuex核心概念 7.2.1 Vuex的工作流程 7.2.2 Vuex对象核心成员 7.2.3 Vuex规范目录结构 第8章 Vue的异步请求（35min） 8.1 axios的安装与使用 8.1.1 安装axios 8.1.2 axios基本用法 8.2 axios实例 8.3 axios并发请求 8.4 axios拦截器 8.5 axios错误处理 8.6 axios取消请求处理 第9章 服务器端渲染 9.1 服务器端渲染简介 9.1.1 什么是服务器端渲染（SSR） 9.1.2 为什么要使用服务器端渲染 9.2 服务器端渲染的基本用法 9.2.1 安装与使用 9.2.2 与服务器集成 9.3 Nuxt.js框架 9.3.1 Nuxt.js简介 9.3.2 Nuxt.js的项目搭建 9.3.3 目录结构 第10章 Vue 3新特性详讲 10.1 为什么要用Vue 3 10.1.1 Vue 2对复杂功能的处理不友好 10.1.2 Vue 2中mixin存在缺陷 10.1.3 Vue 2对TypeScript的支持有限 10.2 Vue 3简介 10.3 Vue 3项目搭建 10.3.1 Vue CLI脚手架简介 10.3.2 安装Vue CLI 10.3.3 创建Vue 3项目 10.4 Vue 3项目的目录结构 10.5 Composition API 详讲 10.5.1 setup（）函数 10.5.2 reactive（）函数 10.5.3 ref（）函数 10.5.4 computed（）计算属性 10.5.5 Vue 3中的响应式对象 10.5.6 生命周期的改变 10.5.7 watch（）侦测变化 10.5.8 Vue 3更好地支持TypeScript 10.5.9 Teleport传送门 10.5.10 Suspense异步请求 10.5.11 全局API修改 项目实战篇 第11章 实战——Vue 2仿“京东商城”App 11.1 项目概述 11.1.1 开发环境 11.1.2 项目结构 11.2 入口文件 11.2.1 项目入口页面 11.2.2 程序入口文件 11.2.3 组件入口文件 11.3 项目组件 11.3.1 底部导航组件 11.3.2 商城首页 11.3.3 搜索页面 11.3.4 分类导航页面 11.3.5 商品列表页面 11.3.6 购物车页面 第12章 实战——Vue 2仿“饿了么”App 12.1 项目概述 12.1.1 开发环境 12.1.2 项目结构 12.2 入口文件 12.2.1 项目入口页面 12.2.2 程序入口文件 12.2.3 组件入口文件 12.3 项目组件 12.3.1 头部组件 12.3.2 商品标签栏与侧边导航组件 12.3.3 购物车组件 12.3.4 商品列表组件 12.3.5 商家公告组件 12.3.6 评论内容组件 12.3.7 商家信息组件 第13章 实战——Vue 3仿“今日头条”App 13.1 项目概述 13.1.1 开发环境 13.1.2 项目结构 13.2 入口文件 13.2.1 项目入口页面 13.2.2 程序入口文件 13.2.3 组件入口文件 13.2.4 路由文件 13.3 项目组件 13.3.1 公共组件 13.3.2 首页导航栏 13.3.3 首页新闻列表 13.3.4 新闻详情页 13.3.5 私信留言页 13.3.6 新闻搜索页面