이렇게 하면 Vue 구성 요소를 가져오거나 등록하는 것이 올바른 방법인가?

이렇게 하면 Vue 구성 요소를 가져오거나 등록하는 것이 올바른 방법인가?

질문:.

이렇게 되는 거야?내가 제대로 이해했나?

---

방법 1

게으른 로드를 사용하지 않을 때는 구성요소를 가져온 후 다음과 같이 전세계에 등록해야 한다.

import contactForm from '@/components/contactForm'

Vue.component('contactForm', contactForm)

---

방법 2

웹 팩을 느리게 로드할 때 구성 요소를 가져온 다음 여전히 다음과 같이 전 세계에 등록하고 있다.

const contactForm = resolve => {
  require.ensure(['@/components/contactForm'], () => {
    resolve(require('@/components/contactForm'))
  })
}
 
Vue.component('contactForm', contactForm)

---

방법 3

Vue를 게으르게 로드할 때 구성 요소를 가져오지만 등록하지 않는 경우 다음과 같이 하십시오.

Vue.component(
  'contactForm',
  () => import('@/components/contactForm')
)

---

방법 4

구성 요소를 느리게 로드하려면 다음과 같이 구성 요소를 가져오십시오.

const contactForm = () => import('@/components/contactForm')

---

그게 작동 방법이야?

또한, 메서드 3에서 "그룹" 이름을 어떻게 추가하시겠습니까? (여러 구성 요소를 하나의 번들로 그룹화하려면)

참조URL: https://stackoverflow.com/questions/48139943/is-this-a-correct-way-to-import-and-register-vue-components-with-lazy-loading