Vue 컴포넌트의 구조는 어떻게 해야 합니까?어떤 순서로 기능을 추가해야 합니까?

Vue 컴포넌트의 구조는 어떻게 해야 합니까?어떤 순서로 기능을 추가해야 합니까?

Vue 컴포넌트는 체계적인 구조가 있습니까?계산된 순서, 방법, 구성 요소, 장착 시계 등은 어느 순서로 작성해야 합니까?

갱신 대상component퍼팅이 제일 좋아요.script앞에 태그를 붙이다html태그. 우리가 주로 가지고 놀던 아이디어가js그래서 항상 페이지를 내려가는 게 간지러워요.그렇지 않으면 원하는 대로 레이아웃을 만듭니다.

Vue 공식 스타일 가이드에 따르면 -

컴포넌트/인스턴스 옵션을 일관되게 주문해야 합니다.

컴포넌트 옵션에 권장되는 기본 순서입니다.이러한 속성은 여러 범주로 나누어져 있으므로 플러그인에서 새 속성을 추가할 위치를 알 수 있습니다.

부작용(컴포넌트 외부에서 효과를 트리거)

el

글로벌 인식(컴포넌트 이상의 지식 필요)

name
parent

Component Type(컴포넌트 유형 변경)

functional

템플릿 수정자(템플릿 컴파일 방법 변경)

delimiters
comments

템플릿 의존관계(템플릿에서 사용되는 어셋)

components
directives
filters

구성(속성을 옵션에 병합)

extends
mixins

인터페이스(컴포넌트에 대한 인터페이스)

inheritAttrs
model
props/propsData

로컬 상태(로컬 반응 속성)

data
computed

이벤트(리액티브이벤트에 의해 트리거되는 콜백)

watch
Lifecycle Events (in the order they are called)
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed

비반응성(반응성 시스템과 무관한 인스턴스 속성)

methods

렌더링(컴포넌트 출력의 선언적 설명)

template/render
renderError

더 추천할 것style-guide의Vue- vue-style-guide 이쪽을 봐주세요.

아니, 없어.100% 개인 취향입니다.저는 데이터, 방법부터 시작해서 보통 라이프 사이클 방식으로 끝내는 것을 좋아합니다.이는 보통 문서에 배치되는 방식과 비슷하며 데이터와 방법이 많이 변경되고 라이프사이클 방법이 많이 변경되지 않아 편리해 보입니다.그러나 틀에서 그렇게 할 이유는 없다.네 마음대로 해.

JavaScript에서는 실제로 객체 키의 순서를 유지할 수 있지만 Vue에서 지원되는 ES5 사양에 대해서는 보장되지 않습니다.따라서 프레임워크가 구성요소 속성이 정의된 순서에 의존할 것으로 예상해서는 안 됩니다.

컴포넌트 함수는 다른 답변에서 설명한 것처럼 일관성을 유지하기 위해 일정한 순서를 유지할 수 있지만, 그렇지 않아야 합니다.이것은 순전히 스타일의 문제이다.

언급URL : https://stackoverflow.com/questions/56302072/what-should-be-structure-of-vue-component-in-which-order-functions-should-be-ad