框架

Vue.js是一个MVC框架.

• 程序开发时，将很多与业务无关的重复代码进行封装后, 就是框架.
• 使用框架提升开发效率.
• 例如: jQuery使DOM操作更加便捷.

MVC是什么?

表示软件可以分成三个部分:

• 模型（Model）
• 视图（View）
• 控制器（Controller）

什么时候使用MVC?

• 开发手机应用程序
• 网页开发和移动端开发的区别
  • 网页使用dom
  • 移动端关注数据,不关注表现

模型（Model）

var tasks = [
    {text:"吃饭", priority:0, completed: false},
    {text:"睡觉", priority:0, completed: false},
    {text:"打豆豆", priority:0, completed: false}
];

// 添加任务
var add = function(text, priority){
    text = text || "新任务";
    priority= priority || 0;

    tasks.push({text:text, priority:priority, completed: false});

}
// 删除任务

• 只要有了模型就已经是一个可以完整运行的程序了，程序员可以在console中通过命令来使用这个程序。

• 一个应用程序可以完全没有界面，它的本质是数据。

// 查看所有任务
tasks

// 添加任务
add("学习")

但这种使用方式只适合于程序员，普通的用户在使用时需要一个直观的交互界面。

视图（View）

<input type="text" value="新任务"/>
<input type="button" value="添加任务"/>
<ul>
    <li>吃饭</li>
    <li>睡觉</li>
    <li>打豆豆</li>
</ul>

控制器（Controller）

• 控制器可以将Model中的数据和View上的显示和操作进行同步。