1. 查找最新版本的 在package.json? "vue-router": "^2.2.1" ? ?

cnpm install

2.在入口文件main.js寫入

import VueRouter from 'vue-router';

Vue.use(VueRouter)

import goods from './components/goods/goods'

import ratings from './components/goods/ratings'

import seller from './components/goods/seller'

import good1 from './components/goods/goodsg/good1'

import good2 from './components/goods/goodsg/good2'

import good3 from './components/goods/goodsg/good3'

const routes = [

{ path: '/', component: goods },

{ path: '/goods', component: goods,children:[

{path:'/',component:good1},

{path:'/good1',component: good1},

{path:'/good2',component: good2},

{path:'/good3',component: good3},

]

},

{ path: '/ratings', component: ratings },

{ path: '/seller', component: seller },

]

const router = new VueRouter({

routes

})

const app = new Vue({

router,

render: h =>h(App)

}).$mount('#app')

3. html 文件中寫入

/goods ?是main.js 里面 import 進來的 /goods?

通過路由傳參數(shù) ?直接可以 在 模板里面 舉個栗子 ?：

{path: '/goods',name:"fisrt", component: goods} ?直接加一個name屬性即可?

?調(diào)用 $route.name 就能輸出

to="/goods" ?轉換成json格式 ?to="{name='aa',Id=123}" ??

調(diào)用$route.name ? $route.id ?