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)
      }

}