<div id="app">
	<child content="lee"  @had="hh"></child>
	<child content="dell" @had="hh"></child>

</div>

<script type="text/javascript">
		
			//修改vue 原型链
			//这里明明已经全局对象为什么在主控件里面调用不到
			Vue.prototype.bas=new Vue()		
			//而z=3用mthods又能使用
			Vue.prototype.z=3;
	Vue.component("child",
	{
		props:{
			content:{
				type:[String]	
			}
		},
		//模板方法为had
		template:"<div @click='had'>{{content}}</div>",
		methods:{
			had:function(){
		

	this.$emit("had",this.content)
this.bas.$on("change",this.content)
			}	
		},
		/* mounted:function(){
		console.log('挂在后'+this.content)
		var this_=this
		this.bas.$on('change',function(msg){
		console.log("bas里面的this为"+this.content)
		console.log("this_"+this_.content)
		console.log("传过来的thiscontent"+msg)
		this_.content=msg
		})
		} */
		
	}
	
	
	)
	var vm=new Vue({
	el:"#app",
	
//作为methods接收到了
methods:{
hh:function(mm){
alert("这里是hhhad"+vm.z)


}

	},
	//但是mounted接受不到？
	mounted:function(){
	alert("这里是hhhad"+vm.z)
	vm.bas.$on('change',function(msg){
		console.log("bas里面的this为"+this.content)
		console.log("this_"+this_.content)
		console.log("传过来的thiscontent"+msg)
		this_.content=msg
		})
	}
	

	

})
</script>
  </body>

明明有bas这方法但是mounted:function(){里面内容就是加载不出来