The $children
instance property has been removed from Vue 3.0 and is no longer supported.
In 2.x, developers could access direct child components of the current instance with this.$children
:
<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>
In 3.x, the $children
property is removed and no longer supported. Instead, if you need to access a child component instance, we recommend using $refs.
© 2013–present Yuxi Evan You
Licensed under the MIT License.
https://v3.vuejs.org/guide/migration/children.html