一、安装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>