vue中的路由：vue-router

一、安装vue-router

cnpm install vue-router --save

在main.js中：

1.引入并使用
import VueRouter from 'vue-router';
Vue.use(VueRouter);

2.创建组件，如：Rout.vue和Router.vue组件
import Rout from './components/Rout.vue';
import Router from './components/Router.vue';

3.配置路由
const routes = [
  {path:'/rout',component:Rout},
  {path:'/router',component:Router}
]

4.实例化vue-router
const router = new VueRouter({
  routes
})


new Vue({
  el: '#app',
  router,                    5.挂载路由
  render: h => h(App)
})

6.在根组件中模板中放<router-view></router-view>