一、路由配置
1. 首先在项目中下载路由模块
npm install vue-router@3.5.2 --save
2.在项目新建router.js,代码如下
import Vue from 'vue'
import VueRouter from 'vue-router'
// 把VueRouter安装为vue项目的插件
Vue.use(VueRouter)
// 创建实例对象
const router = new VueRouter({
//在这写路由规则
})
//暴露实例
export default router
3.在main.js文件中引入使用
import Vue from 'vue'
import App from './App.vue'
import router from '@/router/index'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
router
}).$mount('#app')
4.使用演示
####App.vue
<template>
<div id="app">
<h2>根组件</h2>
<router-link to="/home">首页</router-link>
<router-link to