Vue入坑——vue-router别名alias

上一篇:vue-router的重定向redirect

一起学vue——vue学习总路线

——————————^~^我是萌萌哒分割线^~^————————————————

前言

上一篇,我们学习了redirect,实现了重定向的效果,其实这个alias和redirect也有同样的效果,但还是有些略微不同,一起来看看。

实现alias

a、在index.js中配置

这里我们把前面配过的hellovue组件弄个别名

b、在App.vue中添加链接

c、看看效果

redirect与alias区别

a、redirect

这里我们的返回主页用了重定向

看一下他的url

始终都是原路径

b、再看一下alias的路径

他会将url展示在路径框里。

c、总结

『重定向』的意思是,当用户访问/a时,URL 将会被替换成/b,然后匹配路由为/b

/a的别名是/b,意味着,当用户访问/b 时,URL 会保持为/b,但是路由匹配则为/a,就像用户访问/a 一样。

填坑?

我查到有博客说,给path为‘/’添加别名不能起作用,现在我们来试试。

我们来试试给首页添加一下

结果:

可以啊???黑人问号???可能是他版本太低吧~

——————————^~^我是萌萌哒分割线^~^————————————————

下一篇:

猜你喜欢

转载自my.oschina.net/u/3802541/blog/1811323
今日推荐