1.维护的model是todo实例的列表，这样，我们对增加记录、删改某一条记录，都要重新渲染整个列表，这样，导致性能的拙劣行。当然，改进的方式是对每一个实例进行对应dom的绑定。
2.这里的View中，我们看到其中参杂了一些显示逻辑，显然，我提倡这样去做，而非在js中去控制业务逻辑。然而，我们在实际开发的过程当中，我们必然涉及到复杂的显示逻辑，这样，我们可以向之前所说的那样，利用单独编写显示逻辑helper，这与MVC的设计思想并不违背，确保高维护性及扩展性。
3.这里有关模型todos的业务逻辑，并没有严格抽象出来，而是写入对应的事件当中。

（1）MVC： 模型－视图－控制器(Model View Controller)
（2）MVP： 模型－视图－表现类（Model-View-Presenter）
（3）MVVM：模型－视图－视图模型（Model-View-ViewModel）

window.Todos = Ember.Application.create();

<ul id="todo-list">
    {{#each filteredTodos itemController="todo"}}
        <li {{bind-attr class="isCompleted:completed isEditing:editing"}}>
            {{#if isEditing}}
                {{edit-todo class="edit" value=http://www.mamicode.com/bufferedTitle focus-out="doneEditing" insert-newline="doneEditing" escape-press="cancelEditing"}}
            {{else}}
                {{input type="checkbox" class="toggle" checked=isCompleted}}
                <label {{action "editTodo" on="doubleClick"}}>{{title}}</label>
                <button {{action "removeTodo"}} class="destroy"></button>
            {{/if}}
        </li>
    {{/each}}
</ul>

focus-out
insert-newline
escape-press
doubleClick

1. 程序的加载入口是rounter(即app.TemplatenameRouter)，来指定对应的model及controller。路由是负责显示模板，加载数据，以及管理应用程序的状态。
2. 程序的交互入口是controller，这里面包含两个类型的controller，一个是对应model集合的controller，一个是对应model的controller。两者各司其职，增加了代码的可维护性。

1. ViewModel是model和View的中间接口
2. ViewMode提供View与Model数据之间的命令，即这里的data-bind的值，ViewModel中的方法
3. UI的渲染均由ViewModel通过命令来控制

$(‘#update‘).click(function(e) {
    // 1.事件处理程序
    e.preventDefault();
    
    // 2.获取对应的model的属性值
    var title = $(‘#text‘).val();
    
    // 3.调用业务逻辑
    $.ajax({
        url        : ‘/xxx‘,
        type    : ‘POST‘,
        data    : {
            title        : title,
            completed    : false
        },
        success : function(data) {
            // 4.对data进行处理，并进行对应的dom渲染
        },
        error: function() {
            // 4.错误处理
        }
    });

});