vue 如何在methods中使用懒加载？

Question

methods:{
    test(){
      // 这里会报错
      import { test } from "./test.js";
      
      EventHub.$emit('emitevent', test );
    }
  }

test.js

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

看了 异步组件 但不太明白怎么用。

请问，怎样在方法中使用懒加载？

Answer 1

感觉这是webpack的工作，跟vue无关吧，我看webpack文档有一部分你的需求有点像，你看看
懒加载： https://www.webpackjs.com/gui...

代码分离： https://www.webpackjs.com/gui...

Answer 2

题主首先要明白 es6的 import 和 以前的commonJs的不同。
import是静态执行，在编译阶段执行的，在代码运行之前，牢牢记住这个概念。所以呢，这直接导致了 import不能使用表达式和变量。简单说就是 只有在运行时才能得到结果的语法结构都不可用。

至于你说的懒加载，相比是按需加载吧？看你用的webpack，请参考webpack和vue的官方文档教程使用即可。