1、渲染方式是SEO决定性因素：服务端直出HTML(MPA)和客户端动态渲染(SPA)底层逻辑不同，直接影响百度、必应等搜索引擎爬虫抓取页面内容、页面收录效率。
2、Vue SPA客户端渲染天生SEO短板：默认打包后初始HTML是空骨架，页面文字、内容全靠JS动态生成，爬虫抓取时常缺失正文，网站收录率普遍不足40%，严重影响自然搜索流量。
3、原生JS多页面天然适配SEO：页面源码直接输出完整正文、百科、歌曲内容，搜索引擎一键抓取，像搜集合全站采用MPA架构，海量歌手、歌曲页面均可被百度正常收录。
4、Vue想要SEO达标需要额外优化：通过SSR服务端渲染、SSG静态预渲染改造后，收录率可以提升至90%以上，但开发、服务器运维成本大幅增加。
✅ Vue SPA原生客户端渲染（CSR）：有效内容收录率 ≈ 35%左右
✅ 原生JS多页面MPA（搜集合在用方案）：有效内容收录率 ≈ 90%+
✅ Vue SSR/SSG优化后：有效内容收录率 ≈ 92%左右
搜集合作为聚合搜索+音乐百科工具站，站内海量歌手词条、单曲详情页需要被搜索引擎收录，因此建站初期放弃Vue单页面方案，选用原生JS多页面架构。
优势：每一个歌手（姜玉阳、戴羽彤等）、每一首歌曲都是独立HTML页面，百度爬虫访问页面即可读取完整人物资料、歌曲介绍，无需等待JS加载，页面收录速度快，利于长尾关键词排名。
劣势：如果改用Vue原生SPA，大量歌曲页面会出现收录困难，用户在百度搜歌名、歌手名很难搜到本站内容。
1、需要SEO、靠百度自然流量：优先原生JS/PHP多页面MPA，低成本、收录稳，工具站、资讯站首选。
2、后台管理系统、内部平台、不需要搜索流量：可以选用Vue SPA，侧重前端交互体验。
3、非要用Vue又要SEO：选用Nuxt.js做SSG/SSR，中小型站点成本偏高。