Backbone.js 视图需要 jQuery 或 Zepto 吗？ （或者：为什么我会收到“未捕获的类型错误：未定义不是函数”？）

Question

我刚刚开始使用 Backbone.js。我对 Backbone.Model 和 Backbone.View 进行了子类化：

var Message = Backbone.Model.extend();

var MessageView = Backbone.View.extend({
    tagName: 'div',
    className: 'message',
    template: _.template('{{ html }}'),

    render: function(){
        this.template({
            html: this.model.html
        });
        this.el.className.append(' ' + this.model.type);

        return this;
    }
});

然后我尝试创建每个的实例：

var message = new Message({html: html, type: type});
var messageView = new MessageView({model: message});

最后一行导致错误（在 Chrome 12 中） ：未捕获类型错误：未定义不是函数。它将这个错误追溯到 Backbone.js 中的函数 f.extend.make。

Backbone.js 关于 view.make 的文档说：

用于创建给定类型 (tagName) 的 DOM 元素（具有可选属性和 HTML 内容）的便捷函数。在内部用于创建初始 view.el。

1. 它需要 jQuery 或 Zepto 吗？
2. 我可以通过在调用 Backbone.View.extend 时覆盖 view.make 来删除此依赖项吗？

Answer 1

1）文档说明它需要

jQuery (> 1.4.2) 或 Zepto。

2) 视图组件与 jQuery/Zepto API 紧密耦合。您可以重新实现它，但是如果您广泛使用backbone.js，您将重新实现整个界面。

但也许它适用于您的小型用例，但由于紧密耦合，我不能保证它有效。

Answer 2

您还可以使用 Spine.js 代替主干。

它还与 JQuery 和 Zepto 兼容，但不需要模板化。

Spine.js 也不需要下划线，但如果需要，您可以添加为插件。

要了解更多关于此处的评论。

Spine.js 使用控制器概念将数据模型与元素绑定。