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>