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

Question

methods:{    test(){      // 这里会报错       import { test } from "./test.js";              EventHub.$emit('emitevent', test );     }   }test.jslet test = 'hello';export {    test };看了 异步组件 但不太明白怎么用。请问，怎样在方法中使用懒加载？

Answer 1

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

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