如何单独安装每个vue js组件？

Question

目前我有以下结构：

import myComponent1 from 'my-component1/main.vue';
import myComponent2 from 'my-component2/main.vue';
new Vue({
    data() {

    },
    components: {
        'my-component1': myComponent1,
        'my-component1': myComponent2,

    },


}).$mount('body');

在我使用的HTML中：

<my-component1></my-component1>....

有效。但是如果页面包含很多元素，移动safari会破碎。 他们建议使用Vue只编译需要的东西而不是整个页面。 如何单独编译每个组件？