vue create test-vue

2 安裝vue-router

npm install vue-router --save

3 引入vue-router

[main.js]
import VueRouter from ‘vue-router‘
Vue.use(VueRouter)

4 基本用法

[router.js]
import {routes} from ‘./router‘ =>(export const routes=[
    {path:‘/‘,components:{
            default:PageHome,
            ‘test1‘:PageHome,
        }
    },
    {path:‘/About‘,component:PageAbout},
])

[main.js]
const router=new VueRouter({
  routes,
  mode:‘history‘
})
new Vue({
  render: h => h(App),
  router,
}).$mount(‘#app‘)
 

5 邊寫邊記。。。

Vue-router實現客戶端路由