> 混入 (mixin) 提供了一種非常靈活的方式，來分發 Vue 組件中的可復用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時，所有混入對象的選項將被“混合”進入該組件本身的選項。 > 來自vuejs的混入，參考文檔：https://cn.vuejs.org/v2/guide/mixins.html > 混入文件里的命令需要注意，盡量定義特殊的名字，防止與客戶端的其他方法或者變量沖突 [TOC] ### 創建混入文件 mymix.js ~~~ export default { data() { return { name: 'wk' } }, methods:{ myclick(){ console.log('xxx2233') } } } ~~~ ### 局部混入 ~~~ <template> <view> <view>{{name}}</view> <button type="default" @click="myclick2">btn1</button> <button type="default" @click="myclick">btn2</button> </view> </template> <script> import myMix from '../../api/mymix.js'; export default { mixins:[myMix], methods:{ myclick2(){ console.log('sss') } } } </script> ~~~ ### 全局混入 > 修改根目錄下的 main.js，加入以下代碼 ~~~ import myMix from './api/mymix.js'; Vue.mixin(myMix) ~~~