Vue.js重构PHP平台技术咨询：数据获取、路由及传输问题

1. 数据库数据获取方案选择及PWA场景下的API优势 #

• 构建标准化API是更优选择：直接通过axios调用PHP函数本质是简易接口，但规范的RESTful API（或GraphQL）能让前后端职责划分更清晰，降低耦合度，后续维护、扩展（比如新增移动端客户端）会更便捷。
• PWA场景下API的核心优势：PWA依赖Service Worker实现离线缓存、后台同步，标准化API的统一数据格式更容易被Service Worker拦截缓存，实现离线访问；同时API的无状态特性更适配PWA的跨会话数据同步需求。如果用零散的PHP函数调用，缓存策略的实现会非常繁琐，不利于PWA的架构落地。

2. 交互式内容跳转的实现方案 #

• vue-router是首选方案：完全可以实现内部内容的无刷新跳转，配合路由参数（$route.params）还能传递跳转所需的内容标识，符合单页应用的交互逻辑，和你当前的技术栈完美契合。
• 其他可选方案：
  • 动态组件切换：如果内容切换不需要改变URL（比如同一页面内的内容切换），可以用<component :is="activeComponent"></component>动态渲染不同组件，无需路由跳转。
  • 原生跳转：如果是跳转到非Vue管理的外部页面，直接用原生<a>标签即可，但内部内容不推荐这种方式，会破坏单页应用的流畅性。

3. 内部状态/数据的传输方式 #

• 完全可以用POST传输：HTTP方法的选择取决于业务逻辑，GET用于获取资源，POST可用于提交数据（包括内部状态），你可以把数据放在POST请求的body中，不会出现在URL里，完全满足你的需求。
• 更优的内部状态管理方案：如果只是Vue应用内部的状态传递（无需和后端交互），没必要用HTTP传输，推荐用Vue官方的状态管理库Pinia（或Vuex），能在组件、路由间高效共享状态，比HTTP传输更轻量高效。如果是跨页面（路由）传递临时数据，也可以用sessionStorage/localStorage存储，或者通过路由的meta字段传递（注意敏感数据不建议存这里）。

内容的提问来源于stack exchange，提问作者BsrBstiBrln