vue.js 잘라먹기 - 믹스인

기초

옵션들의 병합!

// mixin 객체 생성
var myMixin = {
  created: function () {
    this.hello()
  },
  methods: {
    hello: function () {
      console.log('hello from mixin!')
    }
  }
}

// mixin을 사용할 컴포넌트 정의
var Component = Vue.extend({
  mixins: [myMixin]
})

var component = new Component() // => "hello from mixin!"

옵션 병합

옵션이 병합되는데 규칙이 있다.
1. hook(life cycle)은 mixin(요소) 먼저 component(warrper) 나중
2. 객체 값(methods, components, directives)은 (충돌 시) components로 덮힘
3. 같은 전략이 vue.extend()에서 사용된다.

전역 mixin

1. 사용하지 마라: 전역이라고!
2. Vue.mixin({ ... })으로 선언함.

사용자 정의 옵션 병합 전략

1.  Vue.config.optionMergerStrategies에 메소드를 추가해서 사용하면 된다.
2. vuex를 공부하자.
3. 웬만하면 걍 표준으로 하자.