自己建立的组件

1、在index.js文件中import引入自己建立的组件，和routes路由创建。

 例如：import Vue from 'vue'

        import Router from 'vue-router'
        import teacher from '@/page/teacher'
import pagefooter from '@/components/pagefooter'
Vue.use(Router)
export default new Router({
  routes: [
  {
      path: '/',
      name: 'teacher',
   
    component: teacher
  },
  {
      path: '/pagefooter',
     
  name: 'pagefooter',
     
  component: pagefooter
}  ]

})

2、在我要引入我建立的组件的文件内再次进行import引用，然后建立自己的组件，和取名字，建立后后将我写的组件名写入到我html页面中的引入位置。
  例如：import pagefooter from '@/components/pagefooter.vue';
components:{
'footer2':pagefooter
  }
}//这是我引入的名字；