enriquesaid

var View = Backbone.View.extend({
  tagName: "ul", // Por padrão é gerado uma div, mas podemos colocar outra tag (por exemplo uma <ul>)
  className: "minha-ul", // Podemos adicioanar uma class ao elemento da view (<ul class='minha-ul'></ul>)
  id: "minha-ul", // Mesma coisa do className só que para adicionar um id (<ul id='minha-ul'></ul>)
  el: "#principal", // Se o elemento já esta renderizado na página, podemos passar o el, assim ele não cria um elemento novo
});

enriquesaid

var View = Backbone.View.extend({
  template: _.template("<h1> <%= title %> </h1>"), // O template espera title como variavel
  
  render: function() {
    this.$el.html(this.template(this.model.attributes)); // Passando o title para o template
    return this;
  }
});

var view = new View({

enriquesaid

var View = Backbone.View.extend({
  template: _.template("<h1> Título da View </h1>"),
  
  render: function() {
    this.$el.html(this.template());
    return this;
  }
});

enriquesaid

var View = Backbone.View.extend({
  events: {
    "click .item": "clicked"
  },
  
  clicked: function() {
    console.log("Item clicado");
  }
});

enriquesaid

// View = gist 6201b9d1d2d74c673dd0
var view = new View();

view.render(); // Adicionando o conteúdo na view
$("div").html(view.el); // Adiciona a view no DOM

enriquesaid

var View = Backbone.View.extend({
  render: function() {
    this.$el.html("View exemplo");
    return this;
  }
});