vue使用keep-alive缓存页面状态问题

本文主要解决 vue 使用 keep-alive 缓存页面状态时，当不同路由指向同一个组件，如何分别缓存页面状态的问题：

问题如何产生的？

答：由于新建页面和编辑页面基本相同，所以二个路由页面指向同一个组件，在使用 keep-alive 缓存的时候不能分别缓存这两个页面的状态。

问题代码如下

router/index.js

operateHelloWorld

App.vue

问题：这样做会导致两个页面状态完全一样，因为引用的就是同一个组件，keep-alive 缓存的也就是同一个组件