import BaseLayout from '@/components/Layout/BaseLayout';
export default {
components: {
BaseLayout
}
}
export default {
components: {
BaseLayout: () => import(/* webpackChunkName: 'BaseLayout' */ '@/components/Layout/BaseLayout')
}
}
想问问这两种引入组件的方式,有什么区别吗
前者静态加载,后者动态加载。
主要区别点就在于最后打包到一个 bundle 文件里、还是分包打包。