vue 动态路由切换刷新

注册 动态路由 

    {
      path: '/r/:id',
      name: 'r',
      component: R1
    }

当路由切换时，vue会复用这个组件，不会触发该路由组件的created和mounted方法

    <router-link tag="div" to="/r/1">1</router-link>
    <router-link tag="div" to="/r/22">22</router-link>
    <router-link tag="div" to="/r/333">333</router-link>
    <router-view></router-view>

解决办法是加上在router-view上加上key，一般设置为全路径或者id字段

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

这样在切换组件时就会重新触发created和mounted方法了