下面，我们需要再给应用去创建一个主要的视图 ... 在这个视图里面，处理了应用需要的大部分的逻辑。在这里，也需要去监听一些事件，去定义一些方法，比如处理创建新任务的方法，把任务项目添加到页面上的方法等等。

先去定义一下这个视图。

打开 js 目录下面的 Views ... 在这里找到 AppView.js ，在这个文件里，可以存放应用的主视图 ..

先在这里定义一个 app 对象 ...

var app = app || {};

然后去定义一个视图 .. 这个视图可以叫做 AppView ... 让它等于 Backbone 的 View 的 extend ..

app.AppView = Backbone.View.extend({})

在 Backbone 的视图里面，我们可以手工去创建 el 属性 ... 也就是包装内容的元素 ... 或者，也可以使用页面上现成的东西作为视图的 el 属性 ...

在这个视图里，添加一个 el 属性 ... 它的值，可以是页面上的一个元素 ... 打开 index.html ...

这里的 todoapp 这个 id 的元素，可以作为应用视图的 el 元素 ...

回过来 ... 把 el 元素的值，设置成 #todoapp ，意思就是，使用页面上的 id 是 todoapp 的元素，作为这个视图的 el 元素 ..

启动

下面去创建一个这个视图的实例 ... 我们可以把它放在 app.js 这个文件里面 ... 打开 js 根目录下面的 app.js ... 然后用 jQuery 的 ready 方法 ...

这个方法会在页面加载以后立即执行 ... . 使用的形式就是，把一个函数函数作为 jQuery 的一个参数 ... 然后在这个函数里面，去新建一个应用视图 ...

$(function() {
app.appView = new app.AppView;
});

测试

保存一下 ... 然后我们再到浏览器上试试 ... 刷新 ... 在控制台上 ... 可以查看一下应用视图的 el 属性 ...

app.appView.el

你会看到，返回来的东西就是在主页上的 todoapp 这个元素 ... 还有它包含的东西 ...