javascript - vuejs2.0 非单页面应用，怎么处理项目详情的请求？

问题描述

刚接触vueJS，小白请教。

问题描述：每个页面都是异步取json格式的数据，然后填到data，渲染到页面中。

有一个疑问，就是假如需要点击某个项目，传递id到另外一个页面的时候，怎么在新页面中拿到这个id，然后异步取得数据渲染？（我目前能想到的方法是使用jsp的setAttribute方法，然后设定到一个hidden的input里面，利用js取得这个值，填到data里面，再出发异步请求）

1.项目的后台是java写的。

2.目前使用并没有用路由（还没研究怎么用，由于页面是有用户登录拦截的，还未考虑做成单页面应用）

求指导

问题解答

没用路由的话暂时想到两个方法，一个是在url后面加参数，a.jsp跳到b.jsp, b.jsp?id=1,在b.jsp页面取location.href.split(’?id=’)[1], 另一个方法是设置缓存，localStroage、sessionStroage等等

js 直接解析 url 得到 id

两种方式，已经有id了可以直接获取待渲染的数据埋到页面中，vue直接获取本地页面数据渲染；或者埋id，然后异步获取待渲染的数据。

传递id到另外一个页面的时候的，在另一个页面写个方法，获取这个id的值，再发送请求就可以了！