믹스인

믹스인

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',

});