您好,登錄后才能下訂單哦!
1.鉤子函數(shù)
鉤子函數(shù)是Windows消息處理機(jī)制的一部分,通過設(shè)置“鉤子”,應(yīng)用程序可以在系統(tǒng)級(jí)對(duì)所有消息、事件進(jìn)行過濾,訪問在正常情況下無法訪問的消息。鉤子的本質(zhì)是一段用以處理系統(tǒng)消息的程序,通過系統(tǒng)調(diào)用,把它掛入系統(tǒng)。(百度百科)
2.相對(duì)于前端來講
對(duì)于前端來說,鉤子函數(shù)就是指再所有函數(shù)執(zhí)行前,我先執(zhí)行了的函數(shù),即 鉤住 我感興趣的函數(shù),只要它執(zhí)行,我就先執(zhí)行。
3.vue中的mounted
在這發(fā)起后端請(qǐng)求,拿回?cái)?shù)據(jù),配合路由鉤子做一些事情
類型:Function
詳細(xì):
el被新創(chuàng)建的 vm.el替換,并掛載到實(shí)例上去之后調(diào)用該鉤子。如果root實(shí)例掛載了一個(gè)文檔內(nèi)元素,當(dāng)mounted被調(diào)用時(shí)vm.el替換,并掛載到實(shí)例上去之后調(diào)用該鉤子。如果root實(shí)例掛載了一個(gè)文檔內(nèi)元素,當(dāng)mounted被調(diào)用時(shí)vm.el 也在文檔內(nèi)
該鉤子在服務(wù)器端渲染期間不被調(diào)用。
4.代碼實(shí)例
new Vue({ el: '#app', data: { totalMoney: 0, productList: [] }, filters: { }, mounted: function() { //這個(gè)是鉤子函數(shù) //如果cartView函數(shù)要執(zhí)行,必須先執(zhí)行鉤子函數(shù) //這個(gè)鉤子函數(shù)完成了對(duì)cratView函數(shù)的調(diào)用 //應(yīng)該注意的是,使用mounted 并不能保證鉤子函數(shù)中的 this.$el 在 document 中。為此還應(yīng)該引入 Vue.nextTick/vm.$nextTick this.$nextTick(function () { this.cartView() }) }) }, methods: { //這個(gè)是要執(zhí)行的函數(shù) 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; }); } } } });
如果大家想對(duì)VUE.JS有更加深入系統(tǒng)的學(xué)習(xí),可以參閱 Vue.js實(shí)戰(zhàn) PDF高質(zhì)量掃描版 這本經(jīng)典書籍
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。