开始学习 Vue（一）

前言

最近因为工作的需要，也因为要跟上时代的潮流，决定在当前的项目里引入 vue，因此专门开启一个模块文集来做学习笔记。

什么是 Vue.js？

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

下图体现了框架的渐进式和设计理念：

为什么使用 Vue.js？

简单易用

Vue.js 使用简洁的模板语法来声明式地将数据渲染到视图

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

支持组件化

Vue.js 允许我们使用小型、独立和可复用的组件构建大型应用，几乎任意类型的应用界面都可以抽象为一个组件树：

image.png

其他原因

• 官方文档比较清晰
• 学习成本比较低
• 生态圈日趋成熟

Vue 生态圈

• Vue.js 中文文档 - Vue.js 官方中文文档；
• Vue.js 论坛 - Vue.js 官方中文子论坛；
• Vue.js 推荐资源 - 包含官方资源和其他各种资源的推荐列表；
• Vue.js 官方仓库 - Vue.js 官方仓库列表；
• Vue 视频课程 - 国外有名的视频课程；