2. 菜鸟进阶之路（二）

最新推荐文章于 2024-07-16 22:25:37 发布

zeng_zeng_1

最新推荐文章于 2024-07-16 22:25:37 发布

阅读量95

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/zeng_zeng_1/article/details/90959728

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vue 动态组件

常用于在不同组件间进行动态切换。主要通过<component>的is特性来实现。

示例代码：

<template>
	<component  :is='currentView'  @changeView='changeCurrentView'>
</template>
script>
  import topBack from '../components/topBack'
  import home   from '../components/home'
  import result  from '../components/result '
  export default {
    components: {topBack,home,result},
    data() {
      return {
        currentView:'home'
      }
    },
    methods: {
     changeCurrentView(val){
     this.currentView=val
      },
  }
</script>