Vue? ???? ???? ??? ??? ? ??????? ??? ? ?? ?? ?? JavaScript ????????. Vue??? Mixin? ???? ?? ?? ??? ???? ??? ? ????. ???? ???? ???? ?? ?? ??? ????? ?? ??? ? ?? ?? ????? ?? ???? ?????. ?? ???? Mixins? ???? Vue?? ???? ??? ???? ???? ??? ?????.

1. Mixins? ?????

Mixins? Vue?? ?? ???? ???? ?????. ??? ?? ?? ???? ?? ??? ??? ?? ????. ?? ??? ???? ???? ??? ??? ?? ??? ???? ?????. ? ?? ??? ??? ??? ????? ?? ??? ?? ?? ???? ???? ? ??? ????.

2. ??? ?? ??

Vue.mixin() ??? ???? ???? ??? ? ????. Vue.mixin() ??? ?? ??? ????? ??? ???? ??? ??? ????. ?? ??? ??? ????.

const myMixin = {
  data() {
    return {
      message: 'Hello, World!'
    }
  },
  methods: {
    logMessage() {
      console.log(this.message);
    }
  }
};

Vue.mixin(myMixin);

? ???? myMixin??? Mixins? ? ? ???? ????. ??: ??? ? ???. data ??? message ??? ???? Hello, World!? ????? ??? ?????. . ??? ??? ???? ??? ??? ?? ???? logMessage ???? ?????.

Vue.mixin(myMixin)? ??? ? myMixin? ??? ??? ???? ?? ?? ???? ??? ? ????.

3. Mixins ?? ??

Vue??? Mixins? ???? ?? ?? ?????. ?? ?? ??? ??? ???? ??? ??? ??? ??? ? ????. Vue? ?? ??? ??? ???? Mixins? ??? ???? ?????. ?? ?? ??? ??? ???? ?? Vue? ?? ?? ??? ????. ?? ??? ??? ????.

Vue.component('example-component', {
  mixins: [myMixin],
  created() {
    this.logMessage(); // "Hello, World!"
  }
});

? ????? example-comComponent?? Vue ????? ?????. ?? ?? ???? ?? ??? ????? ??? ???? ??? myMixin ??? ?????.

?? ?? ??? ??? ?? ???? ??? ??? ??? ??? ?? ???? logMessage ???? ?????.

4. ???? ?? ??

????? ?? ???? ???? ?? ?? ? ??? ??? ??? ??? ? ????. Vue? ? ??? ???? ?? ?? ??? ?????.

?? ?? ??? ???? ??? ????? ??? ???? ???, ????? ?? ?? ?? ?????. ????? ??? ??? ??? ??? ??? ?? ???? ??? ????? ? ????.

??? ?? ??? ???? ???? ????? ???? ???? ????. Mixins? ???? ???? ?? ?????? ??? ??? ???? ???? ?? ?? ? ???? ?? ???? Mixins? ?? ???? ?? ?????.

5. ??

? ???? Vue?? Mixins? ??? ???? Mixins? ???? ???? ??? ??????. ???? ???? ??? ????? ?? ?? ?? ???? ????? ? ??? ???. ??? Mixin? ? ? ???? ?? Mixin? ?? ??? ?????. ? ?? Vue? ???? ??? ??? ????.

? ??? ???? ???? Vue?? ?? ?? ?? ? ???? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!