首屏渲染速度是很重要的,一般首屏会拆分成很多小组件,从直接引入变成异步 速度会快很多
方法一:在main.js公共注册
Vue.component('funnelChart',()=> import('@/components/funnelChart/funnelChart'));
方法二:局部引入
components: {
funnelChart:()=>import("@/components/funnelChart/funnelChart"),
},
方法三:定义变量引入
const funnelChart = () => import('@/components/funnelChart/funnelChart'); //异步组件
components: {
funnelChart,
},