vue-router学习笔记

直白的来说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)
      }

}