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

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS3kdswfeBoJeL0pEU9%2F-MS3kwe0MKO_vCMuNsll%2FScreenshot_10.jpg?alt=media\&token=2c0aea23-1c49-44f7-a4f2-f91e1fbb216b)

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS3qtyHOjqDLzX5obFH%2F-MS48tdDl84xfchMpV8j%2FScreenshot_1.jpg?alt=media\&token=a87d1bc7-97e1-4b2d-b24b-95139519bd19)

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();
});
```

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS49dqe6sfpSbCzrRWZ%2F-MS4ASPubYhTWGsKOuVK%2FScreenshot_2.jpg?alt=media\&token=e7742ef8-c3d4-4f6f-a4c1-fd850849b74a)

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();
});
```

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS4AXPgjY6UsgDR6agx%2F-MS4C3K5_CTxD4frhfnQ%2FScreenshot_3.jpg?alt=media\&token=a55461ce-10d3-411e-831c-f75c85e59049)

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();
});
```