简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > 프런트엔드 Q&A > 본문

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

青灯夜游
풀어 주다： 2022-12-21 11:38:02
원래의
4006명이 탐색했습니다.

차이점: 1. 사용 범위가 다릅니다. 전역 구성 요소는 페이지 어디에서나 사용할 수 있지만 로컬 구성 요소는 정의된 El에서만 사용할 수 있으며 다른 위치에서는 사용할 수 없습니다. 효력을 발휘합니다. 2. 컴포넌트를 정의하는 방법이 다릅니다. 글로벌 컴포넌트는 "Vue.comComponent(tagName,options)"를 사용하여 정의할 수 있고, 로컬 컴포넌트는 Vue 인스턴스의 컴포넌트 속성을 통해 정의할 수 있습니다.

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

이 튜토리얼의 운영 환경: windows7 시스템, vue3 버전, DELL G3 컴퓨터.

Vue에는 두 가지 유형의 구성 요소가 있습니다.

  • 전역 구성 요소

  • 로컬 구성 요소

다음으로 두 가지 유형의 구성 요소 간의 차이점을 살펴보겠습니다.

1. 사용 범위:

전역 구성 요소 사용 범위: 페이지 어디에서나 사용할 수 있습니다.

로컬 구성 요소 사용 범위: 정의된 El에서만 사용할 수 있으며 다른 위치에서는 사용할 수 없습니다. take effect

2. 컴포넌트 정의 방법:

글로벌 컴포넌트: Vue.comComponent(tagName, options)를 사용하여 글로벌 컴포넌트를 정의할 수 있습니다.

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

로컬 컴포넌트: 컴포넌트 속성을 통해 로컬 컴포넌트를 정의할 수 있습니다. Vue 인스턴스에서

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

Vue의 구성 요소는 HTML 요소를 확장할 수 있으며 재사용 가능한 코드를 캡슐화하는 데 사용되지만 전역 구성 요소는 마운트할 필요가 없지만 일반적으로 사용되지는 않습니다. 이는 가능한 한 브라우저 성능에 영향을 미치며 로컬 구성 요소를 수동으로 마운트해야 합니다. 그렇지 않으면 효과가 없습니다.

구성 요소를 사용자 정의할 때 일부 요소는 포함할 수 있는 요소가 제한되므로 모두 주의해야 합니다. 사용: 예를 들어

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

하지만 is 속성을 사용하여 이 문제를 해결할 수 있습니다

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

또한 템플릿 엔진 사용

vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까

[관련 권장 사항: vuejs 비디오 튜토리얼, 웹 프론트 엔드 개발]

위 내용은 vue 글로벌 구성 요소와 로컬 구성 요소의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
vue
원천：php.cn
이전 기사：Vue 사용자 정의 구성 요소를 등록하는 방법에는 여러 가지가 있습니다. 다음 기사：Vue 비동기 렌더링이 왜 필요한가요?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
템플릿의 메서드에 정의된 변수 사용 Vue(v3가 아닌 v2)를 사용하는 것은 이번이 처음이고 템플릿(메소드 내부에 정의됨) 내에서 변수를 사용하려고 노력해 왔습니다. 내 단순화된 코드: <t...
에서 2024-04-06 18:10:25
0
2
513
로그인하지 않고 Firebase를 사용하여 Vue에서 사용자 만들기 사용자 프로필을 생성하기 위한 양식을 만들었습니다. 하지만 사용자를 만들 때마다 문제가 발생합니다. 로그인 및 로그아웃된 사용자입니다. 이 문제를 해결하는 데 도...
에서 2024-04-06 14:20:12
0
1
514
Vue3 웹 구성요소 프로덕션 빌드 문제 해결 vue2web 구성요소를 vue3으로 마이그레이션하려고 하는데 프로덕션용 빌드를 생성할 때 문제가 발생합니다. --targetwc와 함께 vue-cli를 사용하고...
에서 2024-04-06 12:43:37
0
1
473
vue vee-validate는 날짜 선택기 선택 문제를 포착합니다. 내 datepicker 필드의 v-model 바인딩이 제대로 작동하지 않습니다. 선택하면 화면에 실시간으로 업데이트되지만 formValues ​​반응형 개체에 값...
에서 2024-04-06 11:38:56
0
1
510
vue에서 경로 소품을 설정하는 방법이 있나요? this.$router.push({name:"AdminNotifications",params:{tab:"requests"},}...
에서 2024-04-06 11:35:59
0
1
456
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！