vue-cli 구성 요소를 가져오고 사용하는 단계에 대한 자세한 설명

이번에는 vue-cli 컴포넌트를 import하고 사용하는 단계에 대해 자세히 설명하겠습니다. vue-cli 컴포넌트를 import하고 사용할 때 주의사항은 무엇인가요?

파일은 모듈이므로 모듈을 소개해야 하며, 모듈을 노출시키는 방법

컴포넌트에서 다른 컴포넌트를 사용하는 방법은 컴포넌트 소개, 컴포넌트 등록, 컴포넌트 사용의 3단계입니다

1 .main.js 파일 해석

.src 폴더 아래에
.import(es6)가 있고 루트 구성 요소인 app.vue
가 시작됩니다.

2. 구성 요소의 사용

. 정의된 구성 요소는 일반적으로 구성 요소 디렉터리
에 배치됩니다. 구성 요소를 사용하는 과정

a. 참조된 파일은 개체를 노출합니다. 노출해야 함)

b 상위 구성 요소는 하위 구성 요소를 소개하고 구성 요소를 등록합니다(전역 구성 요소는 소개할 필요가 없습니다).

구성 요소를 사용합니다.

1.import는 var 및 let과 동일하여 변수 OO를 선언합니다(사용자 정의, 구조 분해 및 할당 모두 가능)

2.from: 가져올 파일

자체 정의 파일인 경우 반드시 상대 경로 './'

를 작성합니다. 노드를 도입하는 경우 모듈 아래의 파일을 작성할 필요가 없습니다.

import 변수 from ' 모듈 경로       import {destructuring 할당} from 'module path

      import {* as 변수} from 'module path

3. 이때 OO는 객체를 반환합니다

4. 객체에 콘텐츠를 포함시키려면 먼저 객체를 노출시키는 XX가 필요합니다. 그래야 OO가 이를 받아 사용할 수 있습니다. 현재 파일. 노출된 객체의 형식에 따라 인수되는 변수의 형식을 결정합니다

여러 객체를 노출하고 구조 분해 할당을 통해 수신합니다

. 이 글의 사례를 읽으셨다고 믿으세요. 방법을 익히신 후, 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 글을 주의 깊게 살펴보시기 바랍니다!

추천 자료:

webpack을 사용하여 역방향 프록시를 설정하는 방법

JS가 2차원 배열 행과 열을 변환하는 방법

위 내용은 vue-cli 구성 요소를 가져오고 사용하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!