Style Guide : 우선순위 권장

script부분에서 name / props / methods / created / mounted / watch / computed 등등.. 쓸 때

이왕이면 사이클 흐름에 맞게 순서대로 쓰고싶어서 물어보다가 알게 된 사실

딱히 순서는 상관이 없다고 하셨는데 권장사항은 있다는 점!

 

 

1. 글로벌 인식 (구성 요소 이상의 지식 필요)
   • name
2. 템플릿 컴파일러 옵션 (템플릿이 컴파일되는 방식 변경)
   • compilerOptions
3. 템플릿 종속성 (템플릿에 사용된 자산)
   • components
   • directives
4. 컴포지션 (속성을 옵션에 병합)
   • extends
   • mixins
   • provide/inject
5. 인터페이스 (구성 요소에 대한 인터페이스)
   • inheritAttrs
   • props
   • emits
6. 구성 API (구성 API 사용을 위한 진입점)
   • setup
7. 로컬 상태 (로컬 반응 속성)
   • data
   • computed
8. 이벤트 (반응 이벤트에 의해 트리거된 콜백)
   • watch
   • 수명 주기 이벤트(호출 순서대로)
     • beforeCreate
     • created
     • beforeMount
     • mounted
     • beforeUpdate
     • updated
     • activated
     • deactivated
     • beforeUnmount
     • unmounted
     • errorCaptured
     • renderTracked
     • renderTriggered
9. 비반응성 속성 (반응성 시스템과 무관한 인스턴스 속성)
   • methods
10. 렌더링 (구성 요소 출력에 대한 선언적 설명)
    • template/render

 

 

 

https://vuejs.org/style-guide/rules-recommended.html