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>