封面
版权信息
内容简介
作者简介
前言
第1章 Vue.js概述
1.1 单页应用的出现
1.2 为什么要使用Vue.js
1.2.1 Web应用
1.2.2 单页应用框架对比
1.2.3 备受腾讯和阿里巴巴青睐
1.2.4 用到Vue.js的项目
1.2.5 本书的使用说明
第2章 原生的Vue.js
2.1 极速入门
2.2 实际项目
2.2.1 运行整个项目
2.2.2 HTML代码的<head>部分
2.2.3 HTML代码的<body>部分
2.2.4 JS代码部分
第3章 Webpack+Vue.js开发准备
3.1 学习过程
3.2 NVM、NPM与Node
3.2.1 在Windows下安装NVM
3.2.2 在Linux、Mac下安装NVM
3.2.3 运行
3.2.4 使用NVM安装或管理Node版本
3.2.5 删除NVM
3.2.6 加快NVM和NPM的下载速度
3.3 Git在Windows下的使用
3.3.1 为什么要使用Git Bash
3.3.2 安装Git客户端
3.3.3 使用Git Bash
3.4 Webpack
3.4.1 Webpack的功能
3.4.2 Webpack的安装与使用
3.5 开发环境的搭建
3.5.1 安装Vue.js
3.5.2 创建基于Webpack的Vue.js项目
3.6 Webpack下的Vue.js项目文件结构
3.6.1 dist文件夹
3.6.2 node_modules文件夹
3.6.3 src文件夹
第4章 Webpack+Vue.js实战
4.1 创建一个页面
4.1.1 新建路由
4.1.2 创建一个新的View（视图文件）
4.1.3 为页面添加样式
4.1.4 Webpack项目与原生Vue.js项目的代码对应关系
4.2 Vue.js中的ECMAScript
4.2.1 let、var、常量与全局变量
4.2.2 导入代码—import
4.2.3 方便其他代码使用自身—export default {..}
4.2.4 ES中的简写
4.2.5 箭头函数（=>）
4.2.6 hash中同名的key、value的简写
4.2.7 省略分号
4.2.8 解构赋值
4.3 Vue.js渲染页面的过程和原理
4.3.1 渲染步骤1：JS入口文件
4.3.2 渲染步骤2：静态的HTML页面（index.html）
4.3.3 渲染步骤3：main.js中的Vue定义
4.3.4 渲染原理与实例
4.4 视图中的渲染
4.4.1 渲染某个变量
4.4.2 方法的声明和调用
4.4.3 事件处理：v-on
4.5 视图中的Directive（指令）
4.5.1 前提：在Directive中使用表达式（Expression）
4.5.2 v-for（循环）
4.5.3 v-if（判断）
4.5.4 v-if与v-for的结合使用与优先级
4.5.5 v-bind（绑定）
4.5.6 v-on（响应事件）
4.5.7 v-model（模型）与双向绑定
4.6 发送HTTP请求
4.6.1 调用HTTP请求
4.6.2 远程接口的格式
4.6.3 设置Vue.js开发服务器的代理
4.6.4 打开页面，查看HTTP请求
4.6.5 把结果渲染到页面中
4.6.6 如何发起POST请求
4.7 不同页面间的参数传递
4.7.1 回顾：现有的接口
4.7.2 显示博客详情页
4.7.3 新增路由
4.7.4 修改博客列表页的跳转方式1：使用事件
4.7.5 修改博客列表页的跳转方式2：使用v-link
4.8 路由
4.8.1 基本用法
4.8.2 跳转到某个路由时带上参数
4.8.3 根据路由获取参数
4.9 使用样式
4.10 双向绑定
4.11 表单项目的绑定
4.12 表单的提交
4.13 Component组件
4.13.1 如何查看文档
4.13.2 Component的重要作用：重用代码
4.13.3 组件的创建
4.13.4 向组件中传递参数
4.13.5 在原生Vue.js中创建Component
第5章 运维和发布Vue.js项目
5.1 打包和部署
5.1.1 打包
5.1.2 部署
5.2 解决域名问题与跨域问题
5.2.1 域名404问题
5.2.2 跨域问题
5.2.3 解决域名问题和跨域问题
5.2.4 解决HTML5路由模式下的刷新后404的问题
5.3 如何Debug
5.3.1 时刻留意本地开发服务器
5.3.2 看Developer Tools提出的日志
5.3.3 查看页面给出的错误提示
5.4 基本命令
5.4.1 建立新项目
5.4.2 安装所有的第三方包
5.4.3 在本地运行
5.4.4 打包编译
第6章 进阶知识
6.1 JavaScript的作用域与this
6.1.1 作用域
6.1.2 this
6.1.3 实战经验
6.2 Mixin
6.3 Computed Properties和Watchers
6.3.1 典型例子
6.3.2 Computed Properties与普通方法的区别
6.3.3 Watched Property
6.3.4 Computed Property的setter（赋值函数）
6.4 Component进阶
6.4.1 实际项目中的Component
6.4.2 Prop
6.4.3 Attribute
6.5 Slot（插槽）
6.5.1 普通的Slot
6.5.2 named slot
6.5.3 Slot的默认值
6.6 Vuex
6.6.1 正常使用的顺序
6.6.2 Computed属性
6.6.3 Vuex原理图
6.7 Vue.js的生命周期
6.8 Event Handler事件处理
6.8.1 支持的Event
6.8.2 使用v-on进行事件绑定
6.9 Vue.js对变量的监听的原理
6.9.1 Proxy对象
6.9.2 Vue.js内置的track与trigger方法
6.9.3 双向绑定原则上只能作用于基本类型
6.10 与CSS预处理器结合使用
6.10.1 SCSS
6.10.2 LESS
6.10.3 SASS
6.10.4 在Vue.js中使用CSS预编译器
6.11 自定义Directive
6.11.1 例子
6.11.2 自定义Directive的命名方法
6.11.3 钩子方法（Hook Functions）
6.11.4 自定义Directive可以接收到的参数
6.11.5 Directive的实战经验
6.12 全局配置项
6.13 单元测试
6.14 Teleport
6.15 页面渲染的优化
6.16 Composition API
6.16.1 Composition API Demo
6.16.2 等效的Option API Demo
6.17 Provide与Inject
6.17.1 Option API的实现方法
6.17.2 Composition API的实现方法
6.18 子组件向父组件的消息传递
6.18.1 在子组件中watch&emit，在父组件中监听
6.18.2 使用refs
6.19 最佳实践
第7章 实战周边及相关工具
7.1 微信支付
7.2 Hybrid App（混合式App）
7.3 安装Vue.js的开发工具：Vue.js devtool
7.4 如何阅读官方文档
第8章 实战项目
8.1 准备1：文字需求
8.2 准备2：需求原型图
8.2.1 明确前端页面
8.2.2 如何画原型图
8.2.3 首页
8.2.4 商品列表页
8.2.5 商品详情页
8.2.6 购物车页面
8.2.7 支付页面
8.2.8 我的页面
8.2.9 我的订单列表页面
8.2.10 总结
8.3 准备3：微信的相关账号和开发者工具
8.3.1 微信相关账号的申请
8.3.2 微信开发者工具
8.4 项目的搭建
8.5 用户的注册和微信授权
8.6 登录状态的保持
8.7 首页轮播图
8.8 底部Tab
8.9 商品列表页
8.10 商品详情页
8.11 购物车
8.12 微信支付
8.13 回顾
更新时间：2023-09-08 19:49:32
完结共207章
倒序