如何在现有网站中实施Vue集成

Question

我正在尝试将VueJ集成到我的一个客户网站中，但是我遇到以下问题：

我只想转换网站的部分组件，而且似乎找不到在页面上两个不同位置呈现两个组件的方法。

我使用的是vue-cli这个简单的项目，main.js仅呈现一个父组件，因此，例如，我无法在页眉和页脚中呈现一个子组件，因为它们必须在同一位置父容器。

这是我的main.js文件：

import Vue from 'vue'
import {store} from './store/index'
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload);

import App from './App.vue'

new Vue({
    el: '#app',
    store,
    render: h => h(App)
});

我希望我很清楚，非常感谢您的帮助。

谢谢