Vue使用动态组件或者router时，当多个视图使用/指向同一个组件时，如何能够生成多个新实例？ 阿星小栈

component 内的 activate , data , ready , 一类的东西只有在第一次初始化的时候才会被运行 如果router检测到你切换的url是用的同一个组件的时候 他是不会去把同一个component初始化一次的

比如说 /file/:fileId { component:file }
当你切换 /file/123 到 /file/234 你会发现component是不会更新的
这样子其实是为了效率的问题

我知道的有两个解决方法

1 就是把 canReuse 设成 false, 具体代码你自己去搜一下canReuse就有
2 就是加一个 watch 监视 $route.params.fileId 这样 fileId 一变你就变换页面上的内容

单一组件多次调用created() 勾子只会调用一次，建议操作放在beforeUpdate里面

 

 

https://www.zhihu.com/question/50550624/answer/122023965