vue 首页import加载速度问题

Question

现在主页有7个tab 然后开发人员把7个tab的内容都写在了home.vue里面 导致从第三方进入要加载8秒左右 现在项目由我接手 现在想优化进入速度 那把7个tab分别写在7个页面 然后用import引入 这个方法可行吗 类似下面的写法

<ceshi></ceshi>

<paixu></paixu>

import paixu from "./paixu.vue"

import ceshi from "./ceshi.vue"

export default {

  components:{

    paixu,

    ceshi

  },

Answer 1

o(╯□╰)o，使用懒加载，有7个tab，只加载一个tab页面不就行了，其他的点到了再加载啊。

Answer 2

<component :is="componentName"></component>import paixu from "./paixu.vue"import ceshi from "./ceshi.vue"export default {&nbsp; data() {&nbsp; &nbsp; &nbsp; return { componentName:'paixu' }&nbsp; },&nbsp; components:{&nbsp; &nbsp; paixu,&nbsp; &nbsp; ceshi&nbsp; },&nbsp; methods:{&nbsp; &nbsp; handleTabClick(tabName){&nbsp; &nbsp; &nbsp; &nbsp; this.componentName = tabName&nbsp; &nbsp; }&nbsp; }