vue.js组件切换

vue.js多个组件之间进行切换,可以有多种方式,以下列举几种作为范例:

通过事件进行切换

声明两个组件



使用@click事件进行切换





具体代码

vue.js组件切换_第1张图片
组件切换--事件.gif

通过component标签指定当前组件


具体代码

vue.js组件切换_第2张图片
切换组件

组件切换时加上动画效果

使用transition标签将组件包裹起来,实现组件切换时的动画效果


    

具体代码

vue.js组件切换_第3张图片
组件切换--动画.gif

更多vue.js的有趣实例,请点击移步至目录

你可能感兴趣的:(vue.js组件切换)