在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 首頁import加載速度問題

vue 首頁import加載速度問題

現(xiàn)在主頁有7個(gè)tab 然后開發(fā)人員把7個(gè)tab的內(nèi)容都寫在了home.vue里面 導(dǎo)致從第三方進(jìn)入要加載8秒左右 現(xiàn)在項(xiàng)目由我接手 現(xiàn)在想優(yōu)化進(jìn)入速度 那把7個(gè)tab分別寫在7個(gè)頁面 然后用import引入 這個(gè)方法可行嗎 類似下面的寫法

<ceshi></ceshi>
<paixu></paixu>

import paixu from "./paixu.vue"
import ceshi from "./ceshi.vue"
export default {
  components:{
    paixu,
    ceshi
  },
回答
編輯回答
歆久

o(╯□╰)o,使用懶加載,有7個(gè)tab,只加載一個(gè)tab頁面不就行了,其他的點(diǎn)到了再加載啊。

2017年11月26日 06:36
編輯回答
疚幼

建議引入vue-router,切換tab時(shí)切換路由,渲染不同的組件

2018年1月5日 07:33
編輯回答
慢半拍
<component :is="componentName"></component>

import paixu from "./paixu.vue"
import ceshi from "./ceshi.vue"
export default {
  data() {
      return { componentName:'paixu' }
  },
  components:{
    paixu,
    ceshi
  },
  methods:{
    handleTabClick(tabName){
        this.componentName = tabName
    }
  }
2017年6月24日 17:38