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