vue之router-link跳转

1.熟悉概念：

router-link相当于原来的html标签<a></a>

自有属性：

tag="a"   指定解析标签，如果是a会解析成<a></a>，可以指定任何标签，大家可以试试。

 to="/"：会跳转当前页；to="" 不做任何跳转。

形式1：to="/xx/xx" 这里的路径对应路由router.js文件中的path；

形式2：:to="{ name: 'userinfo', params: { userId: 123 }}"；

注意：第二种写法to前面有冒号

其中params携带参数可在url中看到并获取。

2.问题：跳转后路由发生变化页面不刷新；

原因：路由已经发生变化，方法在created中写的，由于路由跳转不会再次刷新页面因此created不会被执行。

 一般解决方案为：

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

其他解决方案是执行js刷新页面方法，不推荐使用，用户体验感不会，会有页面空白闪现。