bb_1

var SomeModelView = Backbone.View.extend({
  initialize: function() {
    this.model.on('change', this.render, this);
  },
  render: function() {
    // render a template
  }
});

bb_2

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

bb_3

var SomeCollectionView = Backbone.View.extend({
  initialize: function() {
    var self = this;
    this._views = [];
    // create a sub view for every model in the collection
    this.collection.each(function(model) {
      self._views.push(new SomeModelView({
        model: model
      }));
    });
  },
  render: function() {
    var self = this;
    this.$el.empty();
    // render each subview, appending to our root element
    _.each(this._views, function(subview) {
      self.$el.append(subview.render().el);
    });
  }
});

bb_4

render: function() {
  this.$el.empty();
  var container = document.createDocumentFragment();
  // render each subview, appending to our root element
  _.each(this._views, function(subview) {
    container.appendChild(subview.render().el)
  });
  this.$el.append(container);
}

bb_5

someMethod: function(){
    $('foo').bar();
}

bb_6

someMethod: function(){
    this.trigger('someEvent');
}

bb_7

this.listenTo view1, 'someEvent', this.someMethodCallback

bb_8

someMethodCallback: function(){
    this.$('foo').bar();
}