在Vue中，我们经常会使用组件来构建我们的应用程序。当一个组件包含另一个组件时，我们可以访问子组件的一些属性和方法。具体来说，Vue组件中的this.$children属性是一个数组，它包含了所有子组件的实例，我们可以通过这个数组访问子组件的属性和方法。

Vue.component('child',{
data(){
return {
message: 'Hello from child component'
}
},
template: '
{{message}}
'
})
Vue.component('parent',{
template: `
`,
mounted(){
this.$nextTick(() =>{
console.log(this.$children[0].message) // 'Hello from child component'
})
}
})
new Vue({
el: '#app',
template: ''
})

在这个例子中，我们有一个父组件和一个子组件。父组件包含一个子组件的引用，我们可以通过this.$children[0]访问子组件的实例。在父组件的mounted钩子函数中，我们可以使用$nextTick方法等待DOM更新完成后再访问子组件的属性。

另外一个有用的属性是this.$refs，它允许我们通过一个特定的ref属性值来访问子组件。这个属性是一个对象，包含了所有有ref属性的子组件。我们可以在父组件中使用this.$refs.child来访问子组件的实例。

Vue.component('child',{
data(){
return {
message: 'Hello from child component'
}
},
template: '
{{message}}
'
})
Vue.component('parent',{
template: `
Change message
`,
methods: {
clickHandler(){
this.$refs.child.message = 'New message from parent component'
}
}
})
new Vue({
el: '#app',
template: ''
})

在这个例子中，我们通过this.$refs.child来访问子组件的实例。在父组件中，我们绑定了一个点击事件，通过修改子组件的message属性来改变子组件的内容。

总的来说，this.$children和this.$refs都是很有用的属性，它们允许我们在父组件中访问子组件的实例。然而，我们应该注意，如果一个组件的结构有很多层，我们应该尽量使用props和events来在组件之间传递数据和触发事件，而不是直接在父组件中访问子组件的实例。