Vue 入门

Vue.js -- 一套用于构建用户界面的渐进式框架

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

特性:

  • 基于 ECMAScript 5 特性
  • 渐进式框架
  • 数据驱动

参考文档: Vue.js 中文官方文档open in new window

视频课程:

F1 Vue技术栈开发实战(26课时)(内部视频)

F2 Vue.js 实战系列(4课时)(内部视频)

视频课,节奏会有点慢,但基本上是实战,手把手的演示,有时间可以全部跟着演练,也可以挑重点浏览。

一、运行环境

所有兼容 ECMAScript 5 的浏览器。

二、起步

下面课程的内容基于 vue.js 2.x 版本,请先确保环境已经就绪

详情可参考: 基础 > 安装

  1. Chrome or Chromium

  2. VS code

  3. vue-devtools

  4. 新建一个练习页面 -> 空白练习页open in new window

三、 基础

  1. 安装

  2. 语法

  3. 指令

  4. 渲染

  5. 数据绑定

  6. computed & watch

  7. Devtools

  8. API

四、 进阶

  1. 生命周期

  2. 组件

  3. mixin

  4. render & JSX

  5. 插件

  6. 过滤器

  7. 自定义指令

五、 高级

  1. 原理

  2. Vue Router

  3. Vuex

  4. Vue CLI

  5. Vue Loader

  6. 服务端渲染

六、 大师

干货请看 ⬇️

  1. 手写一个 vue.js