這篇文章將為大家詳細講解有關vue.js混入是什么意思，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
vue.js混入是定義了一部分可復用的方法或者計算屬性，混入對象可以包含任意組件選項，當組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。
混入 (mixins)定義了一部分可復用的方法或者計算屬性?；烊雽ο罂梢园我饨M件選項。當組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。
來看一個簡單的實例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 測試實例</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> <body> <div id = "databinding"></div> <script type = "text/javascript"> var vm = new Vue({ el: '#databinding', data: { }, methods : { }, }); // 定義一個混入對象 var myMixin = { created: function () { this.startmixin() }, methods: { startmixin: function () { document.write("歡迎來到混入實例"); } } }; var Component = Vue.extend({ mixins: [myMixin] }) var component = new Component(); </script> </body> </html>
選項合并：
當組件和混入對象含有同名選項時，這些選項將以恰當的方式混合。
比如，數據對象在內部會進行遞歸合并，在和組件的數據發生沖突時以組件數據優先。
注意點：
（1）就是 混入對象中 你設置了個data屬性，里面各種屬性值， 組件里也有個data屬性，那么混入對象和組件對象的data值會進行合并，重名的以組件數據有限；
（2）同名鉤子函數，都會被調用，而且混入對象的鉤子在組件自身鉤子之前調用；
全局混入
格式為：
Vue.mixin({ // 混入函數 })注意！ 慎用，一旦使用全局混入對象，會影響到所有之后創建的Vue實例。使用恰當時，可以為自定義對象注入處理邏輯。
關于vue.js混入是什么意思就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
