Vue入门教程合集

自己虽然是做后端的，但是对前端还是有很大兴趣，之前项目用过React和Vue，对比之下个人更喜欢Vue的方便与简洁。所以整理以下教程。本教程只是带大家入门学习，更多进阶高级用法还需要自己实际摸索或参考官方CookBook。

 

介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

由于其响应式设计依赖于ES6中的一些特性，因此Vue 不支持 IE8 以及更低版本浏览器（ES5）。

当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。

这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在属性被访问和修改时通知变更。

每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。

 

目录合集

Vue入门教程 第一篇 （概念及初始化）

Vue入门教程 第二篇 （数据绑定与响应式）

Vue入门教程 第三篇 （条件、循环）

Vue入门教程 第四篇 （属性、事件）

Vue入门教程 第五篇 （组件）

Vue入门教程 第六篇 （路由、axios）

Vue入门教程 第七篇 （vue脚手架、发布）

Vue入门教程 第八篇 （拓展：自定义指令、vuex）

 

IDE环境

建议使用VSCode开发，内部有Vue插件可使用。如何使用VSCode开发，可以点击这里学习。