单页面

1.单页面公共资源(js,css)只需加载一次,避免多次服务器提交相同资源的请求

2.只有一个入口文件,跳转使用router路由

3.数据传递方便,有vuex仓库更方便管理数据

4.跳转刷新时局部资源刷新,像公共的头部、底部组件不用重新加载刷新

5.切换页面动画容易实现,因为在不同的生命周期事件可以做一些事件操作

6.切换流畅,用户体验好

多页面

1.资源不共用,不同页面都要重新加载

2.每个页面都有一个入口文件,页面跳转借助<a href=""></a>

3.数据传递不方便,要借助url路径传参,或者localstorge这些方法

4.切换动画无法实现

5.页面切换加载较慢,用户体验差

6.搜索引擎优化实现方法简单,开发成本低,使用的搜索引擎广泛

posted on 2021-02-19 11:14  追星程序媛  阅读(71)  评论(0编辑  收藏  举报