天天看点

vue使用常见问题

一、webpack 编译es6 动态引入 import() 时不能传入变量

例如:dir = 'views/login.vue’ ; import(dir) 这样写编译失败,而传入字符串 import('views/login.vue')则没有问题

原因:webpack的现在的实现方式不能实现完全动态。

解决:通过字符串模板来提供部分信息给webpack;

例如:import(`views/${obj.component}`), 这样编译时会编译所有./views下的模块,但运行时确定obj.component的值才会加载,从而实现懒加载。