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>