一、在components文件夹中建立你的vue文件如图,我建立的是welcome.vue
二、在welcome.vue中写我们要写的东西,随便写个aaa
<template>
<div>
aaaaaa
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
三、打开App.vue,把默认的
<img src="./assets/logo.png">
注释掉
<template>
<div id="app">
<!-- <img src="./assets/logo.png"> -->
<router-view/>
</div>
</template>
四、打开index.js,引入我们的welcome.vue并配置路径
import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
import welcome from '../components/welcome'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'welcome',
component: welcome
}
]
})