Vue의 mixin에 대한 자세한 해석

Vue는 구성 요소 콘텐츠를 보다 효율적으로 재사용하기 위해 혼합 메커니즘인 믹스인을 제공합니다. Vue의 믹스인에 대해 제가 이해한 내용을 알려드리겠습니다. 필요하신 분들은 참고하시면 됩니다

Vue는 컴포넌트 컨텐츠를 보다 효율적으로 재사용할 수 있는 믹싱 메커니즘인 믹스인을 제공합니다. 처음에는 구성품과 별 차이가 없다고 생각했습니다. . 나중에 나는 그것이 틀렸다는 것을 알았다. 일반적인 상황에서 믹스인과 가져온 컴포넌트의 차이점을 살펴보겠습니다.

 구성 요소가 참조된 후에는 상위 구성 요소의 props 값을 기반으로 해당 작업을 수행하기 위해 상위 구성 요소에 별도의 공간을 여는 것과 같습니다. 본질적으로 둘은 여전히 ​​구별되고 상대적으로 독립적입니다. .

그리고 믹스인은 컴포넌트를 도입한 후 데이터 및 기타 메소드, 메소드 및 기타 속성과 같은 컴포넌트의 내부 컨텐츠를 상위 컴포넌트의 해당 컨텐츠와 병합합니다. 도입 이후 상위 컴포넌트의 다양한 속성 메서드가 확장된 것과 동일합니다.

단순 구성 요소 참조:

상위 구성 요소 + 하위 구성 요소>>> 상위 구성 요소 + 하위 구성 요소

믹스인:

상위 구성 요소 + 하위 구성 요소>> ;> 믹스인을 사용할 때 상위 구성 요소와 하위 구성 요소는 모두 하위 구성 요소에 다양한 속성 메서드를 가지고 있지만 이것이 이러한 변수를 동시에 공유하고 처리한다는 의미는 아닙니다. 일어날 것입니다. 처음 믹스인을 봤을 때 순진하게도 vuex와 유사한 하향식 데이터 공유 솔루션이 보이는 것 같아 매우 흥미로웠습니다.

Vue의 믹스인을 소개하겠습니다

1. 믹스인이란 무엇인가요? 믹스인 파일은 Vue 컴포넌트의 모든 컴포넌트를 담을 수 있는 객체입니다. 이는 Vue 구성 요소의 재사용 가능한 기능을 배포하는 매우 유연한 방법입니다. 구성 요소에서 믹스인을 사용하면 minxin의 모든 속성/메서드가 구성 요소의 속성/메서드와 혼합됩니다. 둘째, mixins 사용

Vue 컴포넌트에는 mixins 속성을 가질 수 있으며, 이 속성의 값 유형은 배열입니다. mixin 배열의 mixins 요소로 mixin을 도입합니다: [mixin]컴포넌트 A는 mixin을 적용하며, 메서드, 컴포넌트 및 지시어와 같은 두 속성이 동일한 개체에 혼합됩니다. 지시문의 이름 속성이 동일하면 믹스인에 있는 지시문은 무시됩니다. 동일한 이름의 Hook 함수가 배열로 구성되어 모두 호출되며, 해당 컴포넌트의 Hook 함수보다 먼저 mixin의 Hook 함수가 호출됩니다. 위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 글:

vue에서 함수를 렌더링하는 방법(자세한 튜토리얼)

JS Hill 정렬 알고리즘에 대해(자세한 튜토리얼)

jade 템플릿 엔진 사용에 대한 자세한 내용

방법 사용자 정의 PC WeChat 스캔 코드 로그인 정의

javascript를 사용하여 QQ 공간 사진 앨범 표시 구현 방법

js 이벤트의 루프 메커니즘에 대해(상세 튜토리얼)

JS 정렬 알고리즘에 대해 요약

방법 Angular4 양식 응답으로 구현하려면

Vue webpack require.ensure에서 구성 요소를 로드하는 방법

vue 구성 요소에서 iframe 요소를 사용하는 방법

vue를 사용하여 탐색 메뉴를 구현하는 방법

방법 웹 익스프레스 스크롤링 구현

Angular2에서 ts 파일의 중단점 디버깅을 구현하는 방법

vue-router에서 경로의 지연 로딩을 구현하는 방법

Angularjs 필터를 사용하여 동적 검색을 구현하는 방법

vue-cli 애플리케이션을 통해 vue를 구축하는 방법

위 내용은 Vue의 mixin에 대한 자세한 해석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!