vue.js混入是什么意思-創新互聯

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

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

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

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

來看一個簡單的實例：

<!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混入是什么意思就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網站欄目：vue.js混入是什么意思-創新互聯
轉載來于：http://m.kartarina.com/article34/deihpe.html

成都網站建設公司_創新互聯，為您提供微信小程序、用戶體驗、網站設計公司、商城網站、網站策劃、外貿網站建設

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

猜你還喜歡下面的內容