1.在src目錄下的pages文件夾下新建公共組件
image.png
2.在main.js中引用饿自，這里需要引用并初始化組件三個(gè)步驟
import CommonIndex from '@/pages/commonmodule/CommonIndex' // 引入公共組件
Vue.use(CommonIndex); // 引用自定義組件
Vue.component('common-index',CommonIndex) // 初始化組件
new Vue({
el: '#app',
router,
components: {
App,
CommonIndex
},
template: '<App/>'
})
image.png
3.在其他組件中直接用common-index 組件即可蚌吸，不需要再次引入組件锈拨。
image.png
