溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue.js混入是什么意思

發(fā)布時間：2020-12-11 09:48:33 來源：億速云 閱讀：143 作者：小新 欄目：編程語言

這篇文章將為大家詳細講解有關(guān)vue.js混入是什么意思，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

vue.js混入是定義了一部分可復(fù)用的方法或者計算屬性，混入對象可以包含任意組件選項，當組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。

混入 (mixins)定義了一部分可復(fù)用的方法或者計算屬性?；烊雽ο罂梢园我饨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>

選項合并：

當組件和混入對象含有同名選項時，這些選項將以恰當?shù)姆绞交旌稀?/p>

比如，數(shù)據(jù)對象在內(nèi)部會進行遞歸合并，在和組件的數(shù)據(jù)發(fā)生沖突時以組件數(shù)據(jù)優(yōu)先。

注意點：

（1）就是 混入對象中 你設(shè)置了個data屬性，里面各種屬性值， 組件里也有個data屬性，那么混入對象和組件對象的data值會進行合并，重名的以組件數(shù)據(jù)有限；

（2）同名鉤子函數(shù)，都會被調(diào)用，而且混入對象的鉤子在組件自身鉤子之前調(diào)用；

全局混入

格式為：

Vue.mixin({ // 混入函數(shù) })

注意！ 慎用，一旦使用全局混入對象，會影響到所有之后創(chuàng)建的Vue實例。使用恰當時，可以為自定義對象注入處理邏輯。

關(guān)于vue.js混入是什么意思就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手