全局API

Vue.extend(options)

原理

• 使用基础 Vue 构造器，创建一个“子类”。
• 其实就是扩展了基础构造器，形成了一个可复用的有指定选项功能的子构造器
• 使用 原型继承 的方式把一个纯对象转换一个继承于 Vue 的构造器 Sub 并返回，然后对 Sub 这个对象本身扩展了一些属性，如扩展 options、添加全局 API 等；并且对配置中的 props 和 computed 做了初始化工作；
• 最后对于这个 Sub 构造函数做了缓存，避免多次执行 Vue.extend 的时候对同一个子组件重复构造

[TOC]

框架设计

MVC & MVVM

vue 采用模型：

• Vue.js 采用mvvm模型，一个核心思想是数据驱动。
• 所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。
• 它相比我们传统的前端开发，如使用 jQuery 等前端库直接修改 DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变的非常清晰，因为 DOM 变成了数据的映射，我们所有的逻辑都是对数据的修改，而不用碰触 DOM，这样的代码非常利于维护。