Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)_vue3dom个数childnodes

作者：weixin_40725706 | 2024-02-23 05:17:19

踩

vue3dom个数childnodes

Vue3中，如果要在父组件拿到子组件(子组件的DOM结构、数据、方法)，可以通过 ref。即在父组件中定义响应式数据 ref(null) ，并绑定给子组件，在需要的时候，通过定义的响应式变量即可获取。获取后，即获取了子组件的一切，可以看到子组件的DOM结构，也可以看到子组件中对外暴露的的数据和方法，并且可以直接调用。

官方API[这里是图片001]https://v3.cn.vuejs.org/guide/component-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%95%E7%94%A8

子组件

{{ msg }}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/133943

Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)_vue3dom个数childnodes

{{ msg }}