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
}
}//这是我引入的名字;