backbone.js教学

// 定义一个模型
var Book = Backbone.Model.extend({
    defaults: {
        title: 'Default Title',
        author: 'Unknown'
    }
});

// 创建一个模型实例
var book = new Book();

// 定义一个视图
var BookView = Backbone.View.extend({
    tagName: 'li',
    template: _.template('<%= title %> - <%= author %>'),
    render: function() {
        this.$el.html(this.template(this.model.toJSON()));
        return this;
    }
});

// 创建视图实例并渲染
var bookView = new BookView({ model: book });
$('#books').append(bookView.render().el);

book.on('change', function() {
    console.log('Book has changed:', book.toJSON());
});
book.set('title', 'New Title'); // 触发 change 事件

$(document).ready(function() {
    var bookView = new BookView({ model: book });
    $('#books').append(bookView.render().el);
});