我在router目录下有以下文件

router.js是路由

import Vue from "vue"
import VueRouter from "vue-router"

import home from "./home.vue"
import about from "./about.vue"

Vue.use(VueRouter)

const routes = [
    {
	path: '/home/',
	component: home
    },
    {
	path: '/about',
	component: about
    },

问题

在本目录下，有路由组建home.vue,about.vue
在home.vue中

<template>
  <div>
    <h1>home</h1>
    <p>{{msg}}</p>
  </div>
</template>

<script>
  export default {
      data: ()=> {
	  return {
	      msg: 'I am Home '
	  }
      }
  }
</script>

他导出是一个函数，我不知道router.js中是从这提取component构造出路由的，求助