Vue Static Members
VueJS mixin 과 extends 차이
VueJS mixin 과 extends 차이 동일 이벤트훅이 지정되었을 때의 호출 순서 mixins 와 extends 가 어떻게 다른 건가요? 질문 글에 대한 답변으로 Composing Vue.js Components 글이 언급됨. 내용은 아래와 같았음. mixin은 부모 mixin이 호출되고 난 후에 자식 컴포넌트의 이벤트훅이 호출. extends는 그 반대. 하지만, 실제 테스트해본 결과 mixin과 extends의 LifeCycle hook 호출 순서는 부모 > 자식으로 같음.
https://blog.jungbin.kim/web/2019/01/21/js-vue-mixin-extend.html
믹스인 - Vue.js
Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법입니다. mixin 객체는 모든 구성 요소 옵션을 포함할 수 있습니다. 컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 "혼합"됩니다. Example: mixin과 컴포넌트 자체에 중첩 옵션이 포함되어 있으면 적절한 전략을 사용하여 "병합"됩니다. 예를 들어 data 오브젝트의 내용이 상충하는 경우, 컴포넌트에 선언된 data 오브젝트를 우선으로 하여 재귀적으로 병합됩니다.
https://kr.vuejs.org/v2/guide/mixins.html
[Vuejs] 숨겨진 Vue 패턴들
template 안에 root element 가 하나 있어야만 하는데, 사실 가끔 이게 불필요하게 느껴진다. 괜히 div로 감싸기도 좀 찝찝했는데, functional component 를 이용해서 처리하는 방법이 있다. 주의 할 부분은 @focus 부분에 .native를 붙이지 말아야 한다. (자식 컴포넌트에서 $listeners 로 전달 받지 못한다)...
https://dongmin-jang.medium.com/vuejs-%EC%88%A8%EA%B2%A8%EC%A7%84-vue-%ED%8C%A8%ED%84%B4%EB%93%A4-1ea3adc585ac
![[Vuejs] 숨겨진 Vue 패턴들](https://miro.medium.com/max/1200/1*ZkU8SWF3kIpECLQo_oPm2A.png)