vue,js入门（14）实例化多个vue对象

//index.html

	
	
	
	
	



{{ title }}

{{ greet }}
		



{{ title }}

{{ greet }}

press

	

//app.js

var one=new Vue({
	el:"#vue-one",
	data:{	
		title:"i am one"
	},
	methods:{
	},
	computed:{
		greet:function(){return "hello one";}
	}
});
var two=new Vue({
	el:"#vue-two",
	data:{	
		title:"i am two"
	},
	methods:{
		change:function(){one.title="change one";}
	},
	computed:{
		greet:function(){return "hello two";}
	}  
});

two.title="change two"

效果图：

1.多个对象可以以var命名，容器名跟着el改变即可

2.可以通过第二个vue对象对第一个vue对象的值进行改变

3.可以直接在外面把vue2的值直接改变

ps：写外面的可以不用接任何符号