vue 实现tab切换动态加载不同的组件

 

使用vue中的is特性来加载不同的组件。具体看如下代码;这个功能对于vue比较复杂的页面可以使用上,可以把一个页面的功能拆分出来,使代码更简单。使用方式具体看如下代码:

主页面代码如下,分别导入了child1.vue, child2.vue, child3.vue 3个小模块,当点击页面某一项的时候去加载不同的组件。


 子组件child1.vue代码如下:

子组件child2.vue代码如下:

 





 

子组件child3.vue 代码如下:

 





 

你可能感兴趣的:(vue)