阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    Vue.js 实战

    Vue.js 实战

    编辑推荐

    适读人群 :Vue.js 初学者 Vue.js 开发者 Vues.js 培训机构使用教材

    Vue.js 作者尤雨溪作推荐序

    业界前端大腕 TalkingData 研发副总裁,马骥;w3cplus.com 站长,大漠;在线回声前端技术专家,justjavac(迷渡);laravel-china.org 站长,Summer 联袂推荐! Vue 社区 iView 组件贡献者,前端大神梁灏执笔编撰,突出实战,应用为王。

    内容简介

    《 Vue.js 实战》以 Vue.js 2 为基础,以项目实战的方式来引导读者渐进式学习 Vue.js。《Vue.js 实战》分为基础篇、进阶篇和实战篇三部分。基础篇主要是对 Vue.js 核心功能的介绍;进阶篇主要讲解前端工程化 Vue.js 的组件化、插件的使用;实战篇着重开发了两个完整的示例,所涉及的内容涵盖 Vue.js 绝大部分 API。通过阅读《 Vue.js 实战》,读者能够掌握 Vue.js 框架主要 API 的使用方法、自定义指令、组件开发、单文件组件、Render 函数、使用 webpack 开发可复用的单页面富应用等。 《 Vue.js 实战》示例丰富、侧重实战,适用于刚接触或即将接触 Vue.js 的开发者,也适用于对 Vue.js 有过开发经验,但需要进一步提升的开发者。

    作者简介

    梁灏:网名 Aresn,基于 Vue.js 的开源 UI 组件库 iView 的作者。目前在大数据公司 TalkingData 负责可视化基础架构。创办了程序员社区 TalkingCoder。

    目录

    • 目 录

    第 1 篇 基础篇

    第 1 章 初识 Vue.js 3

    • 1.1 Vue.js 是什么 3
    • 1.1.1 MVVM 模式 3
    • 1.1.2 Vue.js 有什么不同 4
    • 1.2 如何使用 Vue.js 5
    • 1.2.1 传统的前端开发模式 5
    • 1.2.2 Vue.js 的开发模式 5

    第 2 章 数据绑定和第一个 Vue 应用 8

    • 2.1 Vue 实例与数据绑定 9
    • 2.1.1 实例与数据 9
    • 2.1.2 生命周期 10
    • 2.1.3 插值与表达式 11
    • 2.1.4 过滤器 13
    • 2.2 指令与事件 15
    • 2.3 语法糖 18

    第 3 章 计算属性 19

    • 3.1 什么是计算属性 19
    • 3.2 计算属性用法 20
    • 3.3 计算属性缓存 23

    第 4 章 v-bind 及 class 与 style 绑定 25

    • 4.1 了解 v-bind 指令 25
    • 4.2 绑定 class 的几种方式 26
    • 4.2.1 对象语法 26
    • 4.2.2 数组语法 27
    • 4.2.3 在组件上使用 29
    • 4.3 绑定内联样式 30

    第 5 章 内置指令 32

    • 5.1 基本指令 32
    • 5.1.1 v-cloak 32
    • 5.1.2 v-once 33
    • 5.2 条件渲染指令 33
    • 5.2.1 v-if、v-else-if、v-else 33
    • 5.2.2 v-show 36
    • 5.2.3 v-if 与 v-show 的选择 36
    • 5.3 列表渲染指令 v-for 37
    • 5.3.1 基本用法 37
    • 5.3.2 数组更新 41
    • 5.3.3 过滤与排序 43
    • 5.4 方法与事件 44
    • 5.4.1 基本用法 44
    • 5.4.2 修饰符 46
    • 5.5 实战:利用计算属性、指令等知识开发购物车 47

    第 6 章 表单与 v-model 55

    • 6.1 基本用法 55
    • 6.2 绑定值 61
    • 6.3 修饰符 63

    第 7 章 组件详解 65

    • 7.1 组件与复用 65
    • 7.1.1 为什么使用组件 65
    • 7.1.2 组件用法 66
    • 7.2 使用 props 传递数据 70
    • 7.2.1 基本用法 70
    • 7.2.2 单向数据流 72
    • 7.2.3 数据验证 74
    • 7.3 组件通信 75
    • 7.3.1 自定义事件 75
    • 7.3.2 使用 v-model 77
    • 7.3.3 非父子组件通信 79
    • 7.4 使用 slot 分发内容 83
    • 7.4.1 什么是 slot 83
    • 7.4.2 作用域 84
    • 7.4.3 slot 用法 85
    • 7.4.4 作用域插槽 87
    • 7.4.5 访问 slot 89
    • 7.5 组件高级用法 90
    • 7.5.1 递归组件 90
    • 7.5.2 内联模板 92
    • 7.5.3 动态组件 93
    • 7.5.4 异步组件 94
    • 7.6 其他 95
    • 7.6.1 $nextTick 95
    • 7.6.2 X-Templates 96
    • 7.6.3 手动挂载实例 97
    • 7.7 实战:两个常用组件的开发 98
    • 7.7.1 开发一个数字输入框组件 98
    • 7.7.2 开发一个标签页组件 106

    第 8 章 自定义指令 118

    • 8.1 基本用法 118
    • 8.2 实战 121
    • 8.2.1 开发一个可从外部关闭的下拉菜单 121
    • 8.2.2 开发一个实时时间转换指令 v-time 126

    第 2 篇 进阶篇

    第 9 章 Render 函数 133

    • 9.1 什么是 Virtual Dom 133
    • 9.2 什么是 Render 函数 136
    • 9.3 createElement 用法 140
    • 9.3.1 基本参数 140
    • 9.3.2 约束 143
    • 9.3.3 使用 JavaScript 代替模板功能 147
    • 9.4 函数化组件 153
    • 9.5 JSX 157
    • 9.6 实战:使用 Render 函数开发可排序的表格组件 159
    • 9.7 实战:留言列表 172
    • 9.8 总结 183

    第 10 章 使用 webpack 184

    • 10.1 前端工程化与 webpack 184
    • 10.2 webpack 基础配置 187
    • 10.2.1 安装 webpack 与 webpack-dev-server 187
    • 10.2.2 就是一个 js 文件而已 188
    • 10.2.3 逐步完善配置文件 191
    • 10.3 单文件组件与 vue-loader 194
    • 10.4 用于生产环境 201

    第 11 章 插件 206

    • 11.1 前端路由与 vue-router 207
    • 11.1.1 什么是前端路由 207
    • 11.1.2 vue-router 基本用法 208
    • 11.1.3 跳转 212
    • 11.1.4 高级用法 213
    • 11.2 状态管理与 Vuex 216
    • 11.2.1 状态管理与使用场景 216
    • 11.2.2 Vuex 基本用法 217
    • 11.2.3 高级用法 221
    • 11.3 实战:中央事件总线插件 vue-bus 227

    第 3 篇 实战篇

    第 12 章 iView 经典组件剖析 235

    • 12.1 级联选择组件 Cascader 236
    • 12.2 折叠面板组件 Collapse 249
    • 12.3 iView 内置工具函数 257

    第 13 章 实战:知乎日报项目开发 261

    • 13.1 分析与准备 261
    • 13.2 推荐列表与分类 265
    • 13.2.1 搭建基本结构 265
    • 13.2.2 主题日报 267
    • 13.2.3 每日推荐 271
    • 13.2.4 自动加载更多推荐列表 276
    • 13.3 文章详情页 278
    • 13.3.1 加载内容 278
    • 13.3.2 加载评论 281
    • 13.4 总结 286

    第 14 章 实战:电商网站项目开发 288

    • 14.1 项目工程搭建 288
    • 14.2 商品列表页 290
    • 14.2.1 需求分析与模块拆分 290
    • 14.2.2 商品简介组件 291
    • 14.2.3 列表按照价格、销量排序 297
    • 14.2.4 列表按照品牌、颜色筛选 306
    • 14.3 商品详情页 309
    • 14.4 购 物 车 313
    • 14.4.1 准备数据 314
    • 14.4.2 显示和操作数据 316
    • 14.4.3 使用优惠码 320
    • 14.5 总结 324

    第 15 章 相关开源项目介绍 325

    • 15.1 服务端渲染与 Nuxt.js 325
    • 15.1.1 是否需要服务端渲染 325
    • 15.1.2 Nuxt.js 326
    • 15.2 HTTP 库 axios 327
    • 15.3 多语言插件 vue-i18n 329
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录