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

Question

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

test.js

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

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

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

Answer 1

题主首先要明白 es6的 import 和 以前的commonJs的不同。import是静态执行，在编译阶段执行的，在代码运行之前，牢牢记住这个概念。所以呢，这直接导致了 import不能使用表达式和变量。简单说就是 只有在运行时才能得到结果的语法结构都不可用。至于你说的懒加载，相比是按需加载吧？看你用的webpack，请参考webpack和vue的官方文档教程使用即可。