一个简单的vue项目案例（二）目录结构搭建

目录结构

 Home引用Banner

<template>
    <div class="home">
        <Banner></Banner>
    </div>
</template>

<script>
import Banner from './Banner'
export default {
    components:{
        Banner
    }
}
</script>

在main.js中完成相关配置

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

import Home from './components/home/Home'

export default new Router({
  mode: 'history',
  base: process.env.BSSE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    }
  ]
})