vue组件之间的引用

Question

我想在一个组件上引用一个dom,
但是打印出来是undefined,这个要怎么引用

<template>
    <div ref="a"></div>
    <show :dom="$refs.a"/>
</template>

show.vue

    export default {
    name: 'show',
    props: {
        dom: String,
        params: Object,
    },
    mounted() {
        console.log('.........',this.dom); //undefinde
    },
};

Answer 1

抱歉！ref的概念我搞混了。
复制一段官方文档的话：

关于 ref 注册时间的重要说明：因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs 也不是响应式的，因此你不应该试图用它在模板中做数据绑定。

如果你想在子组件访问父组件的dom结构，可以通过绑定data传进去。