Amostra de uso de backbone

Este código pode ser executado no console javascript ao visitar http://backbonejs.org

Crie uma classe de modelo.

var MyModelClass = Backbone.Model.extend({ });

Use o modelo com seus dados.

var myModelInstance = new MyModelClass({
    'name': 'John',
    'surname': 'Doe'
});

Crie uma classe de visualização, vincule a um elemento do DOM e vincule as alterações do modelo ao método de renderização.

var MyViewClass = Backbone.View.extend({

    el: '.container p:eq(1)',


    initialize: function () {
        this.model.bind('change', this.render, this);
    },
    render: function () {

        this.$el.html('<p>' + this.model.get('name') + ' ' + this.model.get('surname') + '</p>');
        _.bindAll(this);
        return this;
    }
});

Use a visualização criando uma instância com o modelo.

var myViewInstance = new MyViewClass({
    model: myModelInstance
});

Renderize a vista.

myViewInstance.render();

Altere um atributo do modelo; isso acionará a atualização dos elementos DOM.

myViewInstance.model.set('name', 'Jack');