注册 | 登陆
您的位置:阿里西西 > 前端技术 > 脚本技术 > 详细内容

Vue实现组件切换的两种方式介绍(附代码)

  稿源:互联网   2018-08-09 02:15:45   点击:   撤稿纠错

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

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

Vue 的组件切换的几种方式

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


    
    Title

    
    

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

这里写图片描述

这里写图片描述

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



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


    
    Title

    
    

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


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