Vue.js快速入门

Vue.js快速入门

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书讲解vue.js知识,单页应用发展迅猛,国内外应用众多。

内容简介

本书讲解常用的vue.js知识,与传统的Web应用不同,单页应用在近几年发展迅猛。国外的典型产品是Gmail,为传统的Web页面注入了意想不到的活力,而国内则是由于微信的迅猛发展,单页应用在手机端的表现性能及其优异,使用也越来越流行。

章节目录

封面页

书名页

版权页

内容简介

作者简介

前言

学习目标

使用说明

源代码下载

版本说明

目录

第1章 Vue.js概述

1.1 单页应用的出现

1.2 为什么要使用Vue.js

1.2.1 单页应用

1.2.2 知名的单页应用(SPA)框架对比

1.2.3 被腾讯和阿里巴巴所青睐

1.2.4 用到Vue.js的项目

第2章 原生的Vue.js

2.1 极速入门

2.2 实际项目

2.2.1 运行整个项目

2.2.2 HTML代码的部分

2.2.3 HTML代码的部分

2.2.4 js代码部分

2.2.5 小结

第3章 Webpack+Vue.js开发准备

3.1 学习过程

3.1.1 可以跳过的章节

3.1.2 简写说明

3.1.3 本书例子文件下载

3.2 NVM、NPM与Node

3.2.1 Windows下的安装

3.2.2 Linux、Mac下的安装

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 运行vue

3.6 Webpack下的Vue.js项目文件结构

3.6.1 build文件夹

3.6.2 config文件夹

3.6.3 dist文件夹

3.6.4 node_modules文件夹

3.6.5 src文件夹

第4章 Webpack+Vue.js实战

4.1 创建一个页面

4.1.1 新建路由

4.1.2 创建一个新的Component

4.1.3 为页面添加样式

4.1.4 定义并显示变量

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 脱离Webpack,在原生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.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 js的作用域与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 最佳实践

6.9 Event Handler事件处理

6.9.1 支持的Event

6.9.2 使用v-on进行事件绑定

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 实战经验

第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.13 微信支付

8.14 回顾

Vue.js快速入门是2019年由清华大学出版社出版,作者申思维。

得书感谢您对《Vue.js快速入门》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Python3快速入门与实战 电子书
理论与实战相结合,结合大量案例系统为你介绍Python。
Python快速编程入门(第2版) 电子书
本书以PyCharm为主要开发工具,采用理论与实训案例相结合的形式,系统性地讲解Python的核心知识。全书共11章,其中,第1~10章介绍Python语言的核心理论知识,包括基础知识、流程控制、字符串、组合数据类型、函数、文件与数据格式化、面向对象、异常和Python计算生态与常用库;第11章围绕着前期学习的理论知识开发一个游戏项目——飞机大战。除第1章和第11章外,其他章均配有丰富的实训案例和
从零开始:Python快速入门教程 电子书
本书以零基础讲解为宗旨,用实例引导读者学习,深入浅出地介绍Python的相关知识和实战技能。
Vue.js设计与实现 电子书
1.Vue.js官方团队成员霍春阳倾力打造;2.基于Vue.js3深入解析Vue.js设计细节;3.Vue.js作者尤雨溪作序推荐;4.本书提供源代码下载;5.业界大咖联袂推荐...
Vue.js前端开发技术 电子书
从理论到实践,带你渐进式了解Vue.js前端开发技术。