1.鉤子函數(shù)

鉤子函數(shù)是Windows消息處理機制的一部分，通過設置“鉤子”，應用程序可以在系統(tǒng)級對所有消息、事件進行過濾，訪問在正常情況下無法訪問的消息。鉤子的本質(zhì)是一段用以處理系統(tǒng)消息的程序，通過系統(tǒng)調(diào)用，把它掛入系統(tǒng)。（百度百科）

2.相對于前端來講

對于前端來說，鉤子函數(shù)就是指再所有函數(shù)執(zhí)行前，我先執(zhí)行了的函數(shù)，即 鉤住 我感興趣的函數(shù)，只要它執(zhí)行，我就先執(zhí)行。

3.vue中的mounted

在這發(fā)起后端請求，拿回數(shù)據(jù)，配合路由鉤子做一些事情

類型：Function

詳細：

el被新創(chuàng)建的 vm.el替換，并掛載到實例上去之后調(diào)用該鉤子。如果root實例掛載了一個文檔內(nèi)元素，當mounted被調(diào)用時vm.el替換，并掛載到實例上去之后調(diào)用該鉤子。如果root實例掛載了一個文檔內(nèi)元素，當mounted被調(diào)用時vm.el 也在文檔內(nèi)
該鉤子在服務器端渲染期間不被調(diào)用。

4.代碼實例

new Vue({ el: '#app', data: { totalMoney: 0, productList: [] }, filters: { }, mounted: function() { //這個是鉤子函數(shù) //如果cartView函數(shù)要執(zhí)行，必須先執(zhí)行鉤子函數(shù) //這個鉤子函數(shù)完成了對cratView函數(shù)的調(diào)用 //應該注意的是，使用mounted 并不能保證鉤子函數(shù)中的 this.$el 在 document 中。為此還應該引入    Vue.nextTick/vm.$nextTick  this.$nextTick(function () {   this.cartView()   }) }) }, methods: { //這個是要執(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;  });  }  } }});

如果大家想對VUE.JS有更加深入系統(tǒng)的學習，可以參閱 Vue.js實戰(zhàn) PDF高質(zhì)量掃描版 這本經(jīng)典書籍

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持武林網(wǎng)。