Component (ok)

C:\xampp\htdocs\vujs\index.html

var data = {
	name: "Lionel"
}
Vue.component('xinchao',{
	template: '<p>Xin chào {{data.name}}<button v-on:click="changeName()">Change Name</button></p>',
	data: function() {
		return {
			data
		}
	},
	methods: {
	  changeName:function() {
	    this.data.name = "Change "
	  },
	},
});
new Vue({
	el: "#app",
	data: {
		
	},
});

C:\xampp\htdocs\vujs\app.js

Vue.component('xinchao',{
	template: '<p>Xin chào {{name}}</p>',
	data: function() {
		return {
			name: "Lionel"
		}
	}
});
new Vue({
	el: "#app",
	data: {
		
	},
});