使用handlebars.js而不是underscore模板非常简单。
https://cdnjs.com/libraries/backbone.js/tutorials/what-is-a-view（滚动到“加载模板”部分）

SearchView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },
    render: function(){
        // Compile the template using underscore
        var template = _.template( $("#search_template").html(), {} );
        // Load the compiled HTML into the Backbone "el"
        this.el.html( template );
    }
});

基本上，backbone的惯例是在一个render函数中构建html。模板引擎的使用完全由你决定（我喜欢Backbone的这一点）。所以你只需将它改为：

SearchView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },
    render: function(){
        // Compile the template using Handlebars
        var template = Handlebars.compile( $("#search_template").html() );
        // Load the compiled HTML into the Backbone "el"
        this.el.html( template );
    }
});

因为你使用的是require.js，所以你可以在模块的顶部把Handlebars作为一个依赖项。我对这个还很陌生，但是听起来你应该把重点放在学习Backbone.js模式和require.js的用法上。

我更喜欢编译一次模板（在初始化期间），这样就避免了每次渲染都要重新编译模板。另外，为了生成HTML，您需要将模型传递给编译后的模板：

SearchView = Backbone.View.extend({
  initialize: function(){
    // Compile the template just once
    this.template = Handlebars.compile($("#search_template").html());
    this.render();
  },
  render: function(){
    // Render the HTML from the template
    this.$el.html(this.template(this.model.toJSON()));
    return this;
  }
});

如果您使用require.js，您将无法使用当前的Handlebars文件。我使用了下面的Handlebars Plugin，它似乎是最新的当前版本。如果Handlebars在您的模块中返回空值，只需用上面的插件替换您的Handlebars文件。

define(["app", "handlebars",
    "text!apps/templates/menu.tpl"
], function (app, Handlebars, template) {

    return {
        index: Marionette.ItemView.extend({
            template: Handlebars.compile(template),
            events: {
                'click .admin-menu-ref': 'goToMenuItem'
            },
            goToMenuItem: function (e) {
               //......
            }
        })
    }
});

 new view.index({model: models});