# yyds幹貨盤點# vue中的mixins--------混入

作用：

用簡單的話去概括就是一種分發vue元件中的功能可以複用一個技術，使用這個技術我們可以把需要複用的内容封裝成一個vue元件，友善下次使用友善

使用方法：

首先在src中去建立一個自己的檔案夾，然後把要封裝的内容放入到這個檔案夾，友善後續的調用

let mymixin={
    methods:{
        handleBtn(){
            alert('封裝的内容已經觸發！')
        }
    }
}

export default mymixin
           

全局混入：

import myMixins from "./mixins/index.js"
// 全局混入
Vue.mixin(myMixins)
           

局部混入：

<template>
  <button @click="handleBtn">點我觸發</button>
</template>

<script>
import myMixins from '@/mixin.js'
export default {
    mixins:[myMixins]
}
</script>

<style>

</style>