在Vue Router中，我们可以通过beforeEach钩子来实现权限控制。当用户登录或者注销时，我们可以根据用户的权限来决定加载哪些组件。

以下是一个简单的示例：

```javascript import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/Login' import Register from '@/components/Register'

Vue.use(Router)

export default new Router({ routes: [ { path: '/login', component: Login, beforeEnter: (to, from, next) => { // 如果用户是管理员，那么跳转到管理员的页面 if (to.meta.role === 'admin') { next('/') } else { next() } }, }, { path: '/register', component: Register, beforeEnter: (to, from, next) => { // 如果用户是管理员，那么跳转到管理员的页面 if (to.meta.role === 'admin') { next('/') } else { next() } }, }, ], }) ```

在这个示例中，当用户访问/login或/register时，我们都会调用next()函数，然后跳转到相应的登录或注册页面。如果用户不是管理员，那么next()函数会直接返回，不执行任何操作。

这样，我们就可以根据用户的权限来决定加载哪些组件，从而实现强制刷新的效果。