vue 首页import加载速度问题

现在主页有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

  },


RISEBY
浏览 796回答 3
3回答

呼啦一阵风

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

慕侠2389804

<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; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript