直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示。
注意点:
query刷新不会丢失query里面的数据
params刷新 会会 丢失 params里面的数据
1.router-link
<router-link to="/index"></router-link>
import Router from 'vue-router'
import Main from 'src/components/main/main'
import Message from 'src/components/message/message'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/index',
name: 'main',
component: Main
},
{
path: '/message',
name: 'message',
component: Message
}
]
})
2.click跳转
@click="go('message')"
@click="back()"
methods:{
go(path){
this.$router.push(path)
},
back (){
this.$router.go(-1)
}
}