vue自定义组件调用父函数,vue自定义组件修改父组件的值,vue自定组件调用父级的值

1.在自定义组件中调用父组件的函数

Vue.component('my-componnet',{
	template:`<div @click="getF">{{]}</div>`,
	methods:{
		getF:function(){
			this.$root.f();//父函数
			debugger
			this.$root.fVal;//父级data中的值
			this.$root.fVal=999;//修改父级data中的值
}
}
});

2.父级HTML

<div id="iBox"></div>
<script>
	iBox=new Vue({
		el:'#iBox',
		data:{
				fVal:10,
		},
		methods:{
			f:function(){
			alert('我是你的老大')
}
})
</script>