Vue ミックスインの詳しい説明

<テンプレート>
  <div>
    <h2 @click="showName">生徒名: {{name}}</h2>
    <h2>学生の性別: {{sex}}</h2>
  </div>
</テンプレート>

<スクリプト>
  //混合インポートを導入する {
    フンヘ、フンヘ2
  } '../mixin' から
  エクスポートデフォルト{
    名前: '学生'、
    データ（） {
      戻る {
        名前: '張三'、
        性別: '男性'
      }
    },
    ミックスイン: [hunhe,hunhe2]
  }

</スクリプト>

エクスポートconst hunhe = {
    メソッド: {
        表示名() {
            アラート(this.name)
        }
    }
}

エクスポートconst hunhe2 = {
    データ（） {
        戻る {
            x: 100,
            y: 200
        }
    }

}

'./mixin' から {hunhe, hunhe2 } をインポートします
Vue.mixin(笑)
Vue.mixin(hunhe2)