没错 你点进来了
看来又要被你偷学一波了
这波你必定血赚!!!!!!!!!!!!!
这里给大家带来的是Vue 的一部分绕的内容
希望对大家有帮助
Vue–父子访问!!!!!!!!
话不多说
图片它来了
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ab058fd830ab475c1709504b2df4588a.png#pic_center)
一丶子访问父(代码它来了):
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.$refs.a.sayhello())
}
}
})
兄弟们可以试试 应该对这个有一波新的理解!!!!!!奥利给!!!!!谢谢大家的观看!!!!!!!