Vue-router实现客户端路由

1 创建一个项目

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 边写边记。。。

转载于:https://blog.51cto.com/12268222/2392739