1.npm install vue-router
2.在src下新建一个src\routers\index.js文件
import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
export default new Router({
routes: [
{
path : '/ccc',
component : () => import('@/views/index')
}
]
})
3.在main.js文件中引入routers\index.js
import Vue from 'vue'
import App from './App.vue'
import router from './routers'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App),
}).$mount('#app')
4.测试新建src\views\index\index.vue文件和在app.vue 使用<router-view/>
<template>
<div class="title">ccc</div>
</template>
<script>
</script>
<style>
.title{
margin-top: 35px;
font-size: 16px;
}
</style>
<template>
<div id="app">
<router-view/>
</div>
</template>