最近寫了幾個項(xiàng)目之后，忽然逼興大發(fā)，有些洪荒之力按捺不住。
覺得這個規(guī)范很好。引用來自網(wǎng)絡(luò)某處，記不得了。

為什么?

Mixins 封裝可重用的代碼，避免了重復(fù)。如果兩個組件共享有相同的功能，則可以使用 mixin。通過 mixin，你可以專注于單個組件的任務(wù)和抽象的通用代碼。這有助于更好地維護(hù)你的應(yīng)用程序。

怎么做?

假設(shè)你有一個移動端和桌面端的菜單組件，它們共享一些功能。我們可以抽象出這兩個組件的核心功能到一個 mixin 中，例如：

const MenuMixin = {
  data () {
    return {
      language: 'EN'
    }
  },

  methods: {
    changeLanguage () {
      if (this.language === 'DE') this.$set(this, 'language', 'EN')
      if (this.language === 'EN') this.$set(this, 'language', 'DE')
    }
  }
}

export default MenuMixin

要使用 mixin，只需將其導(dǎo)入到兩個組件中（我只展示移動組件）。

<template>
  <ul class="mobile">
    <li @click="changeLanguage">Change language</li>
  </ul>
</template>

<script>
  import MenuMixin from './MenuMixin'

  export default {
    mixins: [MenuMixin]
  }
</script>

這樣，如果機(jī)和電腦端都要開發(fā)，不管是你一個人來開發(fā)，或者是團(tuán)隊(duì)一起來開發(fā)，都可以這樣，大大地減少了工作量。