D
-
공통로직 구현 시 vue mixin 사용하기성장과정(dev)/Frontend(feat. Vue, Next.js) 2022. 2. 9. 13:42
vue 에서 공통로직을 사용할 때 나는 vue의 prototype에 funtion으로 정의하고는 했다. 하지만 이렇게 간단한 공통함수는 mixin으로 정의하는것이 편하겠다. (예를들면 아래처럼...) install( Vue ) { Vue.prototype.$isEmptyObject = function( obj ) { if( !obj || obj == null || JSON.stringify( obj ) == "{}" ) { return true; } return false; } }, mixin 에서 store 을 사용하는 방법 mixin 에서 this 는 vue component 를 가리킨다. mixin 에서 store을 사용하려면 그냥 컴포넌트 내에서 사용하는 것과 마찬가지로 this.$store 이런..