Vue的<router-view>中的key属性的作用

写法:

<router-view :key="$route.path">

作用:

• Vue会复用相同的组件，对于路由有多个子路由来说，当子路由来回切换的时候会导致页面不刷新问题，这是因为不在执行created和mounted这些钩子函数。
• 通过key=$router.path，因为子路由的path不同从而避免了组件复用，子路由来回切换时页面会重新加载