vue-cli 구성요소 구성 및 사용

이번에는 vue-cli 구성요소 구성 및 사용에 대해 알려드리겠습니다. vue-cli 구성요소 구성 및 사용에 대한 주의 사항은 다음과 같습니다.

개요:

파일은 모듈이므로 모듈을 소개해야 하며 모듈을 노출하는 방법이 필요합니다.

컴포넌트에서 다른 컴포넌트를 사용하는 것은 컴포넌트 소개, 컴포넌트 등록, 컴포넌트 사용의 3부작입니다.

1.main.js 파일 해석

. 전체 프로젝트의 항목 파일 입니다. src 폴더에서
.import(es6)는 vue와 루트 구성 요소 app.vue
를 소개합니다. 애플리케이션

2, 구성요소

를 사용합니다. 정의된 구성요소는 일반적으로 구성요소 디렉토리
에 배치됩니다. 구성요소 프로세스를 사용합니다.

a 참조된 파일은 개체를 노출합니다. , 노출할 필요 없음)

b 상위 구성 요소는 하위 구성 요소를 소개하고 구성 요소를 등록하며(전역 구성 요소는 소개할 필요가 없음)

확장: 가져오기

import OO from XX

1.import는 var 및 let과 동일하여 변수 OO를 선언합니다(정의, 구조화 및 할당이 모두 가능하므로)

2.from: 가져올 파일

. 직접 정의한 파일에는 상대 경로 './'를 작성해야 합니다
노드를 도입하는 경우 모듈 아래의 파일은 작성할 필요가 없습니다

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

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

4. 객체를 가지려면 OO가 수신할 수 있도록 먼저 XX가 객체를 노출해야 합니다. 그것을 현재 파일에서 사용하십시오. 노출된 객체의 형식에 따라 인수되는 변수의 형식을 결정합니다

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

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

추천 자료:

여러 어레이를 병합할 때 데이터 중복을 제거하는 방법

로컬 json 데이터를 요청하도록 vue를 구성하는 데 필요한 단계

위 내용은 vue-cli 구성요소 구성 및 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!