Vue框架为了提高性能,对组件进行了缓存,所以第二次加载相同的子组件的时候,是不会创建新的dom,而是使用缓存。
但是有时候我们需要每次加载子组件都执行一次Mounted函数来做一些数据的初始化或者请求等等,所以这是个麻烦事了。
vue组件通过key来识别组件是否缓存,那么我们可以在组件上面添加一个key值,每次请求的时候都不一样,这样就可以解决上面的问题(不考虑性能问题)。
父组件
<template> <div> <Com :key="randdomKey"></Com> </div> </template>
在每次要加载显示Com子组件的时候,就改变randdomKey的值即可。