vue路由懒加载和组件懒加载

懒加载：又叫延迟加载，首页优化需要用到

路由懒加载的2种方式

第一种：

前面不需要import这个组件
const router=new Router({
    routes:[
        {
            path:'',
            name:'lazy',
            component:resolve=>(require(["@/components/HelloWorld"],resolve))
        }
    ]
})

第二种：（个人觉得这种方式比较好）

const HelloWorld = ()=>import("@/components/HelloWorld")；
const router=new Router({
    routes:[
        {
            path:'',
            name:'lazy',
            component:HelloWorld
        }
    ]    
})

组件懒加载的2种方式：

第一种：（个人觉得这种方式比较好）

const HelloWorld = ()=>import("./HelloWorld");
export default {
  components:{
    HelloWorld
  },
  data () {
    return {
      
    }
  }
}

第二种：