> For the complete documentation index, see [llms.txt](https://javascriptuse.gitbook.io/advanced/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://javascriptuse.gitbook.io/advanced/11.-learn-backbone.js-tutorial-from-scratch-for-beginners-part-14-model-change-events-in-backbone.j.md).

# 11. Learn backbone.js tutorial from scratch for beginners(Part 14) Model Change Events in backbone.j

![](/files/-MS3kwe0MKO_vCMuNsll)

![](/files/-MS48tdDl84xfchMpV8j)

C:\Users\Administrator\Desktop\gulp\app.js

```
jQuery(document).ready(function($) {
  var FirstModel = Backbone.Model.extend({
    initialize: function() {
    	// this.bind('change',function(){
    	// 	console.log('bind change');
    	// });
    	this.bind('change:name',function(){
    		console.log('bind change');
    	});
    }
  });
  fmodel = new FirstModel({
  	
  });
  fmodel.set({
  	name: "Tuong",
  	team: "Solution",
  	age: 0
  });
  var ModelView = Backbone.View.extend({
  	model: fmodel,
  	initialize: function() {
  		this.render();
  	},
  	render: function() {
  		
  	}
  });
  vmodel = new ModelView();
});
```

![](/files/-MS4ASPubYhTWGsKOuVK)

C:\Users\Administrator\Desktop\gulp\app.js

```
jQuery(document).ready(function($) {
  var FirstModel = Backbone.Model.extend({
    initialize: function() {
    	// this.bind('change',function(){
    	// 	console.log('bind change');
    	// });
    	this.bind('change:name',function(){
    		console.log('bind change');
    	});
    }
  });
  fmodel = new FirstModel({
  	
  });
  fmodel.set({
  	name: "Tuong",
  	team: "Solution",
  	age: 10
  });
  var ModelView = Backbone.View.extend({
  	model: fmodel,
  	initialize: function() {
  		this.render();
  	},
  	render: function() {
  		// this.model.on("change", function() {
  		// 	console.log("change at View");
  		// });
  		this.model.on("change:name", function() {
  			console.log("change at View Name");
  		});	
  	}
  });
  vmodel = new ModelView();
});
```

![](/files/-MS4C3K5_CTxD4frhfnQ)

C:\Users\Administrator\Desktop\gulp\app.js

```
jQuery(document).ready(function($) {
  var FirstModel = Backbone.Model.extend({
    initialize: function() {
    	// this.bind('change',function(){
    	// 	console.log('bind change');
    	// });
    	this.bind('change:name',function(){
    		console.log('bind change');
    	});
    }
  });
  fmodel = new FirstModel({
  	
  });
  fmodel.set({
  	name: "Tuong",
  	team: "Solution",
  	age: 10
  });
  var ModelView = Backbone.View.extend({
  	model: fmodel,
  	initialize: function() {
  		this.render();
  	},
  	render: function() {	
  		this.model.bind('change:name', this.bindModelChangeEvent);
  	},
  	bindModelChangeEvent: function(event) {
  		console.log('bindModelChangeEvent');
  	}
  });
  vmodel = new ModelView();
});
```