用ref为自己的DOM做标记,然后利用this.$refs来获得从而进行操作
/*
ref -绑定dom节点,拿到的就是 dom对象
ref -绑定组件,拿到的就是 组件对象
*/
<body>
<div id="box">
<child ref="mychild"></child>
</div>
<script>
Vue.component("child",{
data(){
return {
myname:"child-111111111111111111111"
}
},
template:`<div>
child---{{myname}}
</div>`
})
new Vue({
el:"#box",
methods:{
handleAdd(){
this.$refs.mychild.myname="child-2222222222222222"
}
}
})
</script>
</body>