믹스인


https://ryuzuka.github.io/VUE/tutorial/13_mixin.html


  • mixin

Vue 컴포넌트에 재사용 가능한 기능을 배포하는 방법

- mixin 객체는 모든 구성 요소 옵션을 포함할 수 있다.

- 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”된다.

mixin과 컴포넌트의 옵션이 중첩이 된다면, 두 옵션은 'Merged' 되며 컴포넌트가 우선순위를 갖는다.

// 전역
Vue.mixin({
methods: {
global () {
alert( 'global - mixin')
}
}
});
// 로컬
let mixin = {
methods: {
local () {
alert( 'local - mixin' );
}
}
};

new Vue({
mixins: [mixin],
el: '#mixin',
});


'Vue' 카테고리의 다른 글

트랜지션  (0) 2019.02.10
사용자 정의 디렉티브  (0) 2019.02.09
동적 컴포넌트 ( is, keep-alive )  (0) 2019.02.08
slot  (0) 2019.02.08
event bus  (0) 2019.02.08