>[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> ~~~