• import() 函数
    • 按需加载，异步加载大组件
    1. /* 这是同步加载 */
    2. // import componentA from '@/components/componentA'
    3. export default {
    4.     components: {
    5.     /* 这是同步加载 */
    6.       // componentA: componentA
    8.     /* 异步加载 */
    9.     componentA: () => import('@/components/componentA')
    11.     /* 相当于 */
    12.     /*
    13.       componentA: () => {
    14.         return import('@/components/componentA')
    15.       }
    16.     */
    17.   }
    18. }

    举例，我们先不加载组件A，后通过按钮v-if将组件显示了，就能达到效果