动态组件-component

最新推荐文章于 2024-08-09 18:01:20 发布

给我来个鸡腿

最新推荐文章于 2024-08-09 18:01:20 发布

阅读量174

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_41072190/article/details/125926736

版权

Vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

效果

代码结构

代码

app.vue

<template>
  <div id="nav">
    <h1>动态组件</h1>
    <component :is="news"></component>
  </div>
</template>

<script setup>
// import NewsImage from './components/NewsImage.vue'
import NewsText from './components/NewsText.vue'
// import NewsVideo from './components/NewsVideo.vue'

import { ref } from '@vue/reactivity'

const news = ref(NewsText)
</script>

<style>
</style>