Javascript 如何分别安装每个vue js组件？

目前我有以下结构：

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>....

。。。。

它起作用了。但是如果页面包含很多元素，mobilesafari就会崩溃。 他们建议使用Vue只编译需要的内容，而不是整个页面。

---

如何分别编译每个my组件？

safari问题为什么要装载到主体？您是否使用任何东西将模板预编译到渲染函数中？威菲应该这么做。