官網(wǎng)：混合 (mixins) 是一種分發(fā) Vue 組件中可復用功能的非常靈活的方式。混合對象可以包含任意組件選項。以組件使用混合對象時，所有混合對象的選項將被混入該組件本身的選項。
個人：混入就是用來對vue組件中的公共部分，包括數(shù)據(jù)對象、鉤子函數(shù)、方法等所有選項，進行提取封裝，以達到代碼的復用，混合用處挺大的，然我們來看看實際用法。

基礎(chǔ)用法

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),豐城企業(yè)網(wǎng)站建設(shè),豐城品牌網(wǎng)站建設(shè),網(wǎng)站定制,豐城網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,豐城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

// 這是在main.js根文件中使用,在組中使用也是一樣
import Vue from 'vue';
var mixin = {
  data() {
    return {
      name: 'www.vipbic.com',
      author: '羊先生'
    }
  },
  created: function() {
    console.log('Website：' + this.name)
  },
  methods: {
    foo: function() {
      console.log('作者：' + this.author)
    },
    conflicting: function() {
      console.log('from mixin')
    }
  }
}

new Vue({
  mixins: [mixin],
  render: h => h(App),
  created() {
    let option = this.$options.doNotInit
    console.log('option：', );
    this.foo()
  }
}).$mount('#app')

// 在組建中使用

當前標題：Vue如何使用混合Mixins和插件開發(fā)詳解-創(chuàng)新互聯(lián)
鏈接URL：http://weahome.cn/article/dcjghp.html