单页面
1.单页面公共资源(js,css)只需加载一次,避免多次服务器提交相同资源的请求
2.只有一个入口文件,跳转使用router路由
3.数据传递方便,有vuex仓库更方便管理数据
4.跳转刷新时局部资源刷新,像公共的头部、底部组件不用重新加载刷新
5.切换页面动画容易实现,因为在不同的生命周期事件可以做一些事件操作
6.切换流畅,用户体验好
多页面
1.资源不共用,不同页面都要重新加载
2.每个页面都有一个入口文件,页面跳转借助<a href=""></a>
3.数据传递不方便,要借助url路径传参,或者localstorge这些方法
4.切换动画无法实现
5.页面切换加载较慢,用户体验差
6.搜索引擎优化实现方法简单,开发成本低,使用的搜索引擎广泛