Vue配置路由

一、在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    }  ]})