配置好路由之后,在地址栏会出现一个#,利用mode将#去掉
在index.js中写:
mode:'history',
将默认的哈希模式改成HTML5的history形式
<router-link>的补充:
- router-link是vue-router中已经内置的组件,最终会被渲染成a标签
- router-link中的to属性,用于指定跳转的路径
- router-link中的tag属性,可以指定router-link之后渲染成什么组件,<router-link to="/home" tag='li'>,会被渲染成一个<li>元素
- replace:不会留下history记录,所以指定replace的情况下,后退键返回 不能返回到上一个页面
在index.js中可以在router中修改router-link 的默认名称,然后在app.vue中的style修改样式,如下图:
效果图:
“关于”变红。
我发现一件事:如果我的router改变了,但是再app.style没有改变的话,效果图中的字不会变颜色,点击的时候会变颜色。一会要问问师傅。