每日一波开心的分享！！！哈哈哈哈！！！！

没错 你点进来了

看来又要被你偷学一波了

这波你必定血赚！！！！！！！！！！！！！

这里给大家带来的是Vue 的一部分绕的内容

希望对大家有帮助

Vue–父子访问！！！！！！！！

话不多说

图片它来了

一丶子访问父（代码它来了）：

body！！！！！

<div id="app">
			<my-cpn></my-cpn>
		</div>
		
		<template id="cpn">
			<div>
			<h1>我是子组件</h1>
			<button @click="btnClick">访问父组件的方法</button>
			</div>
		</template>

script！！！！！！

Vue.component('my-cpn',{
			template:'#cpn',
			methods:{
				btnClick(){
					console.log('我是子组件'+$parent.sayhello())
				}
			}
		})
		
		const app = new Vue({
			el:'#app',
			methods:{
				sayhello(){
					console.log('我是父组件')
				}
			}
		})

大家可以先试试水！！！！学起来兄弟们！！！

二丶父访问子：

body！！！！！！！！！！！！！

<div id="app">
			<my-cpn></my-cpn>
			<my-cpn ref='a'></my-cpn>
			<button @click="btnaaa">访问子组件</button>
		</div>
			
			<template id="cpn">
				<div>我是子组件</div>
			</template>
		

script！！！！！！！！！！！！！！

Vue.component('my-cpn',{
			template:'#cpn',
			methods:{
				sayhello(){
					console.log('啦啦啦')
				}
			}
		})
			
		
		new Vue({
			el:'#app',
			methods:{
				btnaaa(){
//					console.log('父组件'+this.$children[0].sayhello())
                    console.log('我是父组件'+this.$refs.a.sayhello())
				}
			}
			
		})

兄弟们可以试试 应该对这个有一波新的理解！！！！！！奥利给！！！！！谢谢大家的观看！！！！！！！