vue入門1.3vue路由的使用

1。安裝理由依賴

npm install vue-router --save

2。引入路由

import VueRouter from 'vue-router'

3。使用路由

Vue.use(VueRouter)

4。註冊路由列表

const routes =[
  {path:'/',name:'HomeLink',component:Home},
  {path:'*',redirect:'/'}
]

5。實例一個router對象

const router =new VueRouter({
  routes,
  mode:'history'
});

6。引入組件

import Home from './components/Home';

7。實例的使用

new Vue({
  el: '#app',
  router,
  render: h => h(App)
});

8。使用routerview

<routerview></routerview>