问题描述:当某个组件是其父组件的子组件时,路由对象是在切换路由组件时新产生的,则当切换路由组件时,所有数据都被重新获取,而保存在vuex中的数据却是以前的,最终会导致bug
如下图所示,当在点餐、评价、商家是3个不同的路由组件。位于点餐界面时点了东西右侧出现数量,同时购物车出现价格,切换至评价路由组件后返回到点餐界面时,食物右侧的数量消失 。正是因为切换路由组件时,数据被重新刷新,而购物车由于其内容是保留在vuex,数据不会改变。
解决问题:<keep-alive> <keep-alive/>