vue tab切换_Seajs配合vue打造不脱发轻量级spa（二）

demo显示效果

简要说明：

一级页面

我们导入两个一级页面组件，点击两个tab按钮时，依次切换页面。

这两个页面组件不需要路由切换，启动后保留在app中。

导入动态组件 hone,my 切换时才加载，

路由

搭建spa 需要有路由支撑。当点击一级页面进入二级页面时，我在demo里选中使用常见的vue router 插件跳转

引入vue和vuex 并注入到app.vue中

路由文件

非异步组件

loadcomponent导入的都是异步动态加载的组件。如果需要同步加载组件的情况。

可以定义一个js类 参考如下

同步加载vue组件的情况

demo虽简单，配合我介绍的vmc组件可以很方便搭建一个中型的spa应用程序。

当然类似js 压缩 less转换 giz 还需要自己写点脚本。我这里就不展开了。

源码附上 有需要的可以下载，自己跑跑看

demo

https://gitee.com/yueyue123/spa-demo-depend-vue-and-seajs