主要是配置vue2
//router.js
import Vue from "vue"
import VueRouter from "vue-router"
Vue.use(VueRouter)
const routes = [
{
path:"/home",
name:"home",
component: ()=>import ("../views/Home/Home.vue")
},
{
path:"/about",
name:"about",
component: ()=>import ("../views/About/About.vue")
}
]
const router = new VueRouter({
routes
})
export default router
//main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router/router'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App),
}).$mount('#app')
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'App',
components: {
}
}
</script>
<style>
</style>