深入浅出vue1.0：概述

mvvm框架vue

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

响应的数据绑定（数据驱动视图）

由图可知，
左边的视图（dom）和右边的数据（普通的js对象）通过中间的数据模型（dom监听机制和数据绑定机制）绑定
从左到右（视图变完数据变）和从右到左（数据变完视图变）都ok

![图片上传中...]

组件系统

组件的意思就是为了方便复用（想象一下乐高~）
构建大型应用需要多个独立的小组件（参见乐高说明书，都是先拼小块，再组合成大块的~）
自定义组件是重头戏~（回想一下乐高里的轮子，只有拼小车时候才有用，大部分能满足你个人需要的还要靠自己啊~）

一个典型的用 Vue.js 构建的大型应用将形成一个组件树。

<div id="app">
  <app-nav></app-nav>
  <app-view>
    <app-sidebar></app-sidebar>
    <app-content></app-content>
  </app-view>
</div>

吐槽

接触多了，概念就理解了，一开始不明白也没事~