Render a vue component saved with variables in vue

problem description

render a dynamic vue component in the template of vue

related codes

<template>
 <div>
   {{x}}
 </div
</template>
<script>
import x from "./x.vue";

export default{
  data() {
    return { x }
  }
}
</script>

but this does not render the x component.
is there any way to directly render a component saved with variables like react?

Jul.15,2022

if you want to reference a component:

  

Why don't you just use slot when you are like this?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8a9b7-fe9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8a9b7-fe9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?