以下讨论的是和相关的Vue实现组件切换的两种方式介绍(附代码) 教程文章,内容是本站精心挑选整理的教程,希望对广大的网友给到帮助,下面是详细内容:
本篇文章给大家带来的内容是关于Vue实现组件切换的两种方式介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
Vue 的组件切换的几种方式
方式一: v-if 和 v-else 结合使用实现切换
Title
运行结果:点击登录或注册 进入相应的组件模块
注意:使用 v-if 和 v-else 实现切换,只能在两个组件间相互切换,不能实现多个组件的切换
方式二: 使用Vue提供的component元素实现组件切换
Title
这种方式可以实现定义多个组件切换,需要注意的是,组件名称要对应
关于Vue实现组件切换的两种方式介绍(附代码)的内容写到这里就结束啦,您可以收藏本页网址http://www.alixixi.com/web/
a/2018080995872.shtml方便下次再访问哦。