vue-cli 구성 요소를 가져오고 사용하는 방법

이번에는 vue-cli 구성 요소를 가져오고 사용하는 방법과 vue-cli 구성 요소 가져오기 및 사용을 구현하는 notes에 대해 설명하겠습니다.

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

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

1 .main.js 파일 해석

.은 전체 프로젝트에 대한 항목 파일입니다. src 폴더 아래
.import(es6)는 vue 및 루트 구성 요소 app.vue
를 소개합니다.

2.

컴포넌트 사용

. 정의된 컴포넌트는 일반적으로 컴포넌트 디렉토리에 위치합니다.

. 컴포넌트 사용 과정은

a입니다. , 노출할 필요 없음)

b. 상위 컴포넌트 소개 하위 컴포넌트, 등록된 컴포넌트(전역 컴포넌트는 도입할 필요 없음), 컴포넌트

확장 사용: import

import OO from XX

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

2.from: 가져올 파일

자체 정의 파일인 경우 반드시 node-modules 아래에 파일을 가져오는 경우

import 변수 from 'module path    import {destructuring 할당} from 'module path

     import { * as 변수} from 'module path

3. 이때 OO는 객체

를 반환합니다. 4. 객체에 콘텐츠를 포함하려면 OO가 이를 받아 사용할 수 있도록 먼저 객체를 노출해야 합니다. 현재 파일. 노출된 객체의 형식에 따라 인수되는 변수의 형식을 결정합니다

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

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

추천 도서:

antd 드롭다운 상자 연결을 사용하는 단계에 대한 자세한 설명

JS를 사용하여 여러 배열을 병합하여 다시 계산하는 방법

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