<div id="app">
<cpn1 ref="aaa"></cpn1>
<button @click="btnClick"></button>
</div>
<template id="cpn1">
<div>
我是子组件
</div>
</template>
<script>
const app = new Vue({
el: '#app',
data: {
message:'你好'
},
methods: {
btnClick(){
/*console.log(this.$children[0]);
console.log('1'+this.$children[0].nubs);
this.$children[0].nubs = 6;
console.log(this.$children[0].nubs);*/
console.log(this.$refs.aaa.nubs)
}
},
components:{
cpn1 : {
template: '#cpn1',
data(){
return {
nubs : 5
}
},
methods: {
showMessage(){
console.log('showMessage方法被调用')
}
}
}
}
})
</script>
vue中通过$$children和$refs父访问子组件中的属性
最新推荐文章于 2024-04-03 12:16:42 发布