html中使用引入公共组件
问题描述:
整体项目采用传统 .html 文件搭建,vue仅作为渲染数据工具使用,需要使用的地方使用
const home = { template: '' }
const router = new VueRouter({
routes: [
{ path: '/home', component: home },
{ path: '/about', component: about },
{ path: '/safety', component: safety },
{ path: '/help', component: help },
{ path: '/moving', component: moving },
{ path: '*', redirect: '/home'}
]
})
new Vue({
router,
mounted() {
}
}).$mount("#app")
header.js
Vue.component('common-header', {
template: ``
2222
})