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

vue 首頁import加載速度問題

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

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

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

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

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

建議引入vue-router，切換tab時切換路由，渲染不同的組件

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