Рендеринг коллекции Backbone.js

Проблема в том, что когда вы определяете ContinentsView, шаблон оценивается и использует $('#continents-template'), но DOM еще не готов, поэтому шаблон не находит.

Чтобы решить эту проблему, просто переместите назначение шаблона в функцию инициализации:

ContinentsView = Backbone.View.extend({
  el: '#continents',
  initialize: function() {
     this.template = _.template($('#continents-template').html());
  }
  ...

Что касается коллекций, да, они группируют объекты, в частности наборы моделей.

Вы должны сделать код так, чтобы модели (и коллекции) НЕ знали о представлениях, только представления знали о моделях.

ContinentModel = Backbone.Model.extend({});

ContinentsCollection = Backbone.Collection.extend({
  model: ContinentModel,
  // no reference to any view here    
});

ContinentsView = Backbone.View.extend({
  el: '#continents',

  initialize: function() {
    this.template = _.template($('#continents-template').html());
    // in the view, listen for events on the model / collection
    this.collection.bind("reset", this.render, this);
  },

  render: function() {
    var renderedContent = this.template(this.collection.toJSON());
    $(this.el).html(renderedContent);
    return this;
  }
});

$(function() {
  var continentsCollection = new ContinentsCollection();
  continentsCollection.reset([{name: "Asia"}, {name: "Africa"}]);
  // initialize the view and pass the collection
  var continentsView = new ContinentsView({collection: continentsCollection});
});

Также стоит отметить наличие дополнительных сложностей, которые быстро возникают при рендеринге коллекции в представлении. Например, представление обычно необходимо перерисовывать при добавлении или удалении моделей из коллекции. Реализовать собственное решение несложно, но, вероятно, стоит изучить существующие решения, поскольку существует довольно много опробованных и проверенных.

Backbone.CollectionView — это надежный класс представления коллекции, который обрабатывает выбор моделей в ответ на щелчки мыши, переупорядочивание коллекция на основе перетаскивания, фильтрации видимых моделей и т. д.

Несколько популярных фреймворков, построенных на базе backbone, также предоставляют простые классы представления коллекций, например Backbone.Marionette, Чаплин и Диспетчер компоновки.

Несмотря на то, что сам Backbone не предоставляет какой-либо структуры для рендеринга коллекции, это нетривиальная проблема, и у многих людей разные мнения по поводу как это сделать. К счастью, это настолько распространенная потребность, что в экосистеме уже есть несколько хороших вариантов.