溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1.鉤子函數
鉤子函數是Windows消息處理機制的一部分，通過設置“鉤子”，應用程序可以在系統級對所有消息、事件進行過濾，訪問在正常情況下無法訪問的消息。鉤子的本質是一段用以處理系統消息的程序，通過系統調用，把它掛入系統。（百度百科）
2.相對于前端來講
對于前端來說，鉤子函數就是指再所有函數執行前，我先執行了的函數，即 鉤住 我感興趣的函數，只要它執行，我就先執行。
3.vue中的mounted
在這發起后端請求，拿回數據，配合路由鉤子做一些事情
類型：Function
詳細：
el被新創建的 vm.el替換，并掛載到實例上去之后調用該鉤子。如果root實例掛載了一個文檔內元素，當mounted被調用時vm.el替換，并掛載到實例上去之后調用該鉤子。如果root實例掛載了一個文檔內元素，當mounted被調用時vm.el 也在文檔內
該鉤子在服務器端渲染期間不被調用。
4.代碼實例
new Vue({
el: '#app',
data: {
totalMoney: 0,
productList: []
},
filters: {
},
mounted: function() {
//這個是鉤子函數
//如果cartView函數要執行，必須先執行鉤子函數
//這個鉤子函數完成了對cratView函數的調用
//應該注意的是，使用mounted 并不能保證鉤子函數中的 this.$el 在 document 中。為此還應該引入 Vue.nextTick/vm.$nextTick
this.$nextTick(function () {
this.cartView()
})
})
},
methods: {
//這個是要執行的函數
cartView: function() {
var _this = this;
this.$http.get("data/cartData.json", {"id": 123}).then(function(res) {
_this.productList = res.body.result.list;
_this.totalMoney = res.body.result.totalMoney;
});
}
}
}
});
如果大家想對VUE.JS有更加深入系統的學習，可以參閱 Vue.js實戰 PDF高質量掃描版 這本經典書籍
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
