项目笔记整理02-vue路由懒加载+组件传值

1.路由懒加载

（1）异步懒加载。

可以理解也是为通过Promise的resolve机制。因为Promise函数返回的Promise为resolve组件本身，而我们又可以使用import来导入组件。

{
   
      path: '/',
      name: 'HelloWorld',
      component: resolve => require(['@/components/HelloWorld'], resolve)
}

（2）用import方式。常用的方法。

{
   
      path: '/',
      name: 'HelloWorld',
      component: () => import('@/components/HelloWorld.vue')
}

2.组件传值

1.父传子

（1）父组件.vue：=在父组件中引入子组件HelloWorld ，设置自定义属性msg/msgs

<template>
<div class="home">
    <HelloWorld msg="这是home页面" :msgs="value"/>
  </div>
</t