鍍金池/ 問(wèn)答/HTML/ vue 如何在methods中使用懶加載？

vue 如何在methods中使用懶加載？

methods:{
    test(){
      // 這里會(huì)報(bào)錯(cuò)
      import { test } from "./test.js";
      
      EventHub.$emit('emitevent', test );
    }
  }

test.js

let test = 'hello';
export {
    test 
};

看了 異步組件 但不太明白怎么用。

請(qǐng)問(wèn)，怎樣在方法中使用懶加載？

回答
編輯回答
雅痞

感覺(jué)這是webpack的工作，跟vue無(wú)關(guān)吧，我看webpack文檔有一部分你的需求有點(diǎn)像，你看看
懶加載： https://www.webpackjs.com/gui...

clipboard.png

代碼分離： https://www.webpackjs.com/gui...

clipboard.png

2017年3月23日 06:38
編輯回答
吢丕

題主首先要明白 es6的 import 和 以前的commonJs的不同。
import是靜態(tài)執(zhí)行，在編譯階段執(zhí)行的，在代碼運(yùn)行之前，牢牢記住這個(gè)概念。所以呢，這直接導(dǎo)致了 import不能使用表達(dá)式和變量。簡(jiǎn)單說(shuō)就是 只有在運(yùn)行時(shí)才能得到結(jié)果的語(yǔ)法結(jié)構(gòu)都不可用。

至于你說(shuō)的懶加載，相比是按需加載吧？看你用的webpack，請(qǐng)參考webpack和vue的官方文檔教程使用即可。

2017年11月1日 21:29