炫意html5
最早CSS3和HTML5移动技术网站之一

[Vue 3] 迁移指南 – $children

# $children


移除

# 概览

$children 实例 property 已从 Vue 3.0 中移除,不再支持。

# 2.x 语法

在 2.x 中,开发者可以使用 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>

# 3.x 更新

在 3.x 中,$children property 已移除,不再支持。如果你需要访问子组件实例,我们建议使用 $refs。

炫意HTML5 » [Vue 3] 迁移指南 – $children

CSS3教程HTML5教程