vue.js混入是什么意思-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、靖州網(wǎng)絡(luò)推廣、微信小程序開發(fā)、靖州網(wǎng)絡(luò)營銷、靖州企業(yè)策劃、靖州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供靖州建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：muchs.cn

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

混入 (mixins)定義了一部分可復(fù)用的方法或者計算屬性?；烊雽ο罂梢园我饨M件選項。當(dāng)組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。

來看一個簡單的實例：

<!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>

選項合并：

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

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

注意點：

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

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

全局混入

格式為：

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

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

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

網(wǎng)站欄目：vue.js混入是什么意思-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://muchs.cn/article34/deihpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、用戶體驗、網(wǎng)站設(shè)計公司、商城網(wǎng)站、網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容