attrs.js

var App = Backbone.Model.extend({
   defaults: {
      headerText: 'hello world'
   }
});
var app = new App;

var mybemjson = [{
   block: 'b-page',
   content: [{
       block: 'checkbox',
       bind: 'app',
       attrs: {
          disabled: function(app) {
             return Boolean(app.get('headerText'));
          }
       }
   }]
}];

bemjson.js

var mybemjson = {
    block: 'b-page',
    content: {
       block: 'list',
       content: [
           {block: 'item', content: 'Сделать что-то'},
           {block: 'item', content: 'Сделать что-то еще'}
       ]
    }
};

bind.js

var App = Backbone.Model.extend({
   defaults: {
      headerText: 'hello world'
   }
});
var app = new App;

var mybemjson = [{
   block: 'b-page',
   content: [{
       block: 'header',
       bind: 'app',
       // меняется в зависимости от изменении `model`
       content: function(app) {
           return app.get('headerText');
       }
   }]
}];

channels.js

BEM.DOM.decl(‘b-page’, {
    onSetMod: {…},
    showSettings: function() {},
    showAdvertisement: function() {},
    showAnotherShtonibut: function() {}
});

events.js

block: 'task',
iterate: 'task in tasks,',
bind: 'task',
content: function(task) {
   var name = task.get('name');
   
   if (task.get('done')) {
      name += ' [done]';
   }
   
   return name;
},
onClick: function(event) {
   task.set('done', true);
}

iterate.js

var Tasks = Backbone.Collection.extend();
var Task = Backbone.Model.extend({
   initialize: function(text) {
      this.set('name', text);
   },
   defaults: {
      done: false
   }
});
var tasks = new Tasks([
   new Task('Сделать что-то'),
   new Task('Сделать что-то еще'),
   new Task('Сделать все остальное'),
   new Task('Все переделать')
]);
 
var mybemjson = [{
   block: 'b-page',
   content: [{
      block: 'list',
      content: {
         block: 'item',
         iterate: 'task in tasks',
         bind: 'task',
         content: function(task) {
            var name = task.get('name');
            
            if (task.get('done')) {
               name += ' [done]';
            }
            
            return name;
         }
      }
   }]
}];   

mods.js

var App = Backbone.Model.extend({
   defaults: {
      headerText: 'hello world'
   }
});
var app = new App;

var mybemjson = [{
   block: 'b-page',
   content: [{
       block: 'checkbox',
       bind: 'app',
       mods: {
          disabled: function(app) {
             return !Boolean(app.get('headerText'));
          }
       }
   }]
}];

my-app.js

var model = new Backbone.Model.extend();

var mybemjson = [{
   block: 'b-page',
   content: [{
       block: 'header',
       // меняется в зависимости от изменении `model`
       content: function() {
           return model.get('something');
       }
   }]
}];

my-block.js

// auth.js
channels(‘api’).on(‘authChanged’, function() {}});
channels(‘api’).on(‘backgroundChanged’, function() {});

BEM.DOM.decl(‘auth’, {...});

old-events.js

BEM.DOM.decl('task', {
   onSetMod: {
      js: function() {
         this.bindTo('click', function() {
            this.getModel().set('done', true);
         });
      }
   },
   getModel: function() {..}
});

trigger.js

// b-page.js
this.trigger('authChanged', authState);

// auth.js
BEM.blocks['b-page'].on('something-happened', doSomething);