>[success] # $children ~~~ 1.在vue3.x $childeren 已经被移除了，不能在像vue2.x 一样通过this.$children 直接访问当前实例的子组件 ~~~ >[info] ## vue2.x ~~~ 1.在 2.x 中，开发者可以使用 this.$children 直接访问当前实例的子组件,或者在组件绑定ref ~~~ ~~~ <template> <div> <img alt="Vue logo" src="./assets/logo.png"> <my-button>Change logo</my-button> </div> </template> <script> import MyButton from './MyButton' export default { components: { MyButton }, mounted() { console.log(this.$children) // [VueComponent] } } </script> ~~~ >[info] ## vue3.x ~~~ 1.在 3.x 中，$children property 已移除，不再支持。如果你需要访问子组件实例使用 $refs。 ~~~ ~~~ <template> <div> <img alt="Vue logo" src="./assets/logo.png"> <my-button ref="mybutton">Change logo</my-button> </div> </template> <script> import MyButton from './MyButton' export default { components: { MyButton }, mounted() { console.log(this.$refs.mybutton) // Proxy } } </script> ~~~