路由编程式的导航
路由跳转中的<router-link></router-link>跳转方式,类似于html中a连接跳转,Vue中提供的有类似于js跳转页面的语法。
this.$router.push({path:'news'})
也可以携带参数
this.$router.push({path:'/news/'+参数})
还有一种叫 命名路由 跳转的方式:
1、配置路由的时候,给路由起个名字

2、
this.$router.push({name:'news'})
或者携带参数
this.$router.push({path:'news',params:{userid:123}})
路由hash 模式改为History 模式
hash模式下的url

改为History 模式后,url显得更规范

更改方法是在main.js中实例化路由是,设置一下路由实例的模式即可

网友评论