Vue.js: 생산성을 높이기 위해 먼저 스크립트 또는 템플릿을 단일 파일 컴포넌트에 넣어야 합니까?
단일 파일 컴포넌트에서 가장 효율적으로 코드를 작성할 수 있는 방법이 무엇인지 궁금합니다.어떻게 정리할지에 대한 규칙은 없기 때문에 생산성만을 말하는 것입니다.스타일 가이드에 명시된 대로:
다른 2개의 컴포넌트 중 적어도1개는 항상 필요하기 때문에 단일 파일컴포넌트는 항상 템플릿, 스크립트 및 스타일태그의 순서를 마지막으로 일관되게 지정해야 합니다.
언뜻 보면 컴포넌트의 기능을 이해하는 것이 빠를 것 같아서 템플릿을 우선으로 합니다.
하지만 동시에 스크립트 태그 안에 논리를 쓰는데 대부분의 시간을 소비합니다. 그리고 맨 위에 소품들을 두는 것은 꽤 매력적입니다.
또한 템플릿과 스타일을 서로 옆에 두면 컴포넌트를 스타일링할 때 작업이 쉬워진다고 주장할 수 있습니다.적절한 css 클래스로 이동하려면 스크립트태그 전체를 스크롤해야 하는 경우가 있습니다.
생산성을 위해 어떤 순서를 사용하고 그 이유는 무엇입니까?
기본 템플릿, 스크립트, 스타일 순서를 사용합니다.가장 일반적으로 사용되는 제품이기 때문에 다른 개발자들이 잘 알고 있기 때문에 다른 사람들과의 협업이 용이합니다.저는 개인적으로 스타일 가이드가 이 주문을 추천하지 않는 것이 조금 이상하다고 생각합니다.
템플릿과 스타일 또는 템플릿과 스크립트를 동시에 사용할 수 있기 때문에 중간에 템플릿이 있어야 합니다.사용하고 있는 에디터(VS 코드)에서는 템플릿 블록만 접을 수 있고 스크립트 및 스타일 블록은 접을 수 없습니다.그러나 스크립트 블록 내에서 VS 코드를 사용하여 대부분의 구성 요소 로직을 포함하는 내보내기 기본 부분을 축소할 수 있으므로 템플릿과 스타일을 동시에 쉽게 작업할 수 있습니다.
그래도 스타일 가이드 오더에서는 추천하지 않지만 표준에서 벗어나는 것이 가장 좋다고 생각합니다만, 에디터나 다른 오더를 접을 수 있는 블록에 따라서는 의미가 있을지도 모릅니다.
언급URL : https://stackoverflow.com/questions/47083556/vue-js-should-we-put-the-script-or-the-template-first-in-a-single-file-componen
'programing' 카테고리의 다른 글
| 입력 검증: 기본 오류 메시지 변경 (0) | 2022.08.02 |
|---|---|
| OpenMP:지역 변수를 자동으로 개인적인 거? (0) | 2022.08.02 |
| C로부터의 Call Go 함수 (0) | 2022.08.02 |
| 여러 @Suppress Warnings 주석 조합 - Eclipse Indigo (0) | 2022.08.02 |
| Vuej에 대한 성능 메트릭 (0) | 2022.08.02 |