由元信息控制组件的显示

使用路由元信息控制组件的显示与隐藏时，show未定义
不知道错哪了，求指教，感谢

用的vue3吧，我看见setup了，vue3使用路由的方法和vue2是不一样的，vue3需要引入路由才可以使用

<script setup>
 import { useRoute } from 'vue-router';
    import { onMounted } from 'vue';
    const route = useRoute();
    onMounted(() => {
        console.log(route.query.id);  //1
    })
</script>

像这个样子