溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了vue中的mixins怎么混入使用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vue中的mixins怎么混入使用文章都會有所收獲，下面我們一起來看看吧。
用簡單的話去概括就是一種分發vue組件中的功能可以復用一個技術，使用這個技術我們可以把需要復用的內容封裝成一個vue組件，方便下次使用方便
首先在src中去創建一個自己的文件夾，然后把要封裝的內容放入到這個文件夾，方便后續的調用
let mymixin={
methods:{
handleBtn(){
alert('封裝的內容已經觸發！')
}
}
}
export default mymixin全局混入就是我們可以把封裝好的這個組件在main.js中全局注冊，方便在任何地方使用
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>關于“vue中的mixins怎么混入使用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“vue中的mixins怎么混入使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
