Vue-router 路由切換

路由參數 params 與 query

params 與 query 的區別 只是形式不一樣 什么情況使用params，什么情況使用query？ query 查詢類例如百度 ,不影響當前主要業務 首頁=》 搜索 =》 列表頁面 =》 詳情頁 首頁 /index 
首頁 搜索 /index？secarh =xxx
 詳情頁 3種方式展現 1、/detial?id='xxxx'
2、shiping/detail/xxx 用2、3 比較舒服，在乎SEO 使用 params 3、shouji/detail/xxx

嵌套路由 children

import pageEfrom './views/pageE.vue' import Test from './views/Test.vue' { path: '/e', name: 'pageE', component: pageE, children:[ { path:'test', component:Test } ] },

命名試圖 router-view

使用場景： 三欄布局，頂部樣式點擊按鈕，左側欄目的菜單變化

 { path: '/a', name: 'pageA', components:{ default:pageA, //默認顯示 pageA.vue ppp:Test // 當遇上 router-view name = ppp 的時候，咱們 顯示 Test.vue }, },

    <h1>命名試圖</h1>
    <router-view/>
    <router-view name="ppp"></router-view>