以下讨论的是和相关的Vue实现组件切换的两种方式介绍（附代码） 教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

本篇文章给大家带来的内容是关于Vue实现组件切换的两种方式介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

Vue 的组件切换的几种方式

方式一： v-if 和 v-else 结合使用实现切换

    
    

    
    

        登陆
        注册

        
        
    

运行结果：点击登录或注册 进入相应的组件模块

注意：使用 v-if 和 v-else 实现切换，只能在两个组件间相互切换，不能实现多个组件的切换

方式二： 使用Vue提供的component元素实现组件切换

    
    

    
    

        
        登陆2
        注册2

        
        
    

这种方式可以实现定义多个组件切换，需要注意的是，组件名称要对应

关于Vue实现组件切换的两种方式介绍（附代码）的内容写到这里就结束啦，您可以收藏本页网址http://www.alixixi.com/web/ a/2018080995872.shtml方便下次再访问哦。