Vue-router 模板缓存

Question

业务代码中存在 新增页面和编辑页面，两个页面样式基本相似，所以决定使用同一个vue模板
但是会发现，从新增页面切换到编辑页面的时候，模板存在缓存，所以页面没有更新
这里的解决方法是监听$route路由，当路由改变时，手动把已有数据全部清空再执行函数加载新页面数据
请问有没有更优雅的方法去解决这个问题呢？或者有没有思路？谢谢啦

Answer 1

监听$route为什么不优雅呢? 官网文档也有提到啊.
https://router.vuejs.org/zh-c...

最近做的项目也有这个需求, 也是把组件当模板对应多个路由, 也是watch的$route
https://github.com/FlexZoom/A...

Answer 2

个人愚见，这块可作为一个单独的组件ex:<tpl></tpl>来开发。这样新增页面和编辑页面都可以插入这个组件