编程式导航就是用JavaScript来跳转页面
<button @click="gotoNews()"></button>
methods:{
gotoNews(){
this.$router.push({path:'/details/111'})
}
}
命名式路由跳转
前提条件是路由改写命名规则:
{ path: ‘/news’, component: News,name:‘news’ },
<button @click="gotoNews()"></button>
methods:{
gotoNews(){
router.push({ name: 'news', params: { userId: 123 }})
this.$router.push({ name: 'news'})
}
}
hash模式就是指的url地址上面出现的#,这种规则会让人觉的莫名其妙,不知所措,不让人明白你的意图。
变为普通模式的方式就是:
const router = new VueRouter({
mode: 'history', /*hash模式改为history*/※※※※※※※※※※※※※※※
routes // (缩写)相当于 routes: routes
})