vuemounted組件的使用-創(chuàng)新互聯(lián)

1.鉤子函數(shù)

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的烏海網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

鉤子函數(shù)是Windows消息處理機制的一部分，通過設(shè)置“鉤子”，應(yīng)用程序可以在系統(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)元素，當(dāng)mounted被調(diào)用時vm.el替換，并掛載到實例上去之后調(diào)用該鉤子。如果root實例掛載了一個文檔內(nèi)元素，當(dāng)mounted被調(diào)用時vm.el 也在文檔內(nèi)
該鉤子在服務(wù)器端渲染期間不被調(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)用
 //應(yīng)該注意的是，使用mounted 并不能保證鉤子函數(shù)中的 this.$el 在 document 中。為此還應(yīng)該引入    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;
  });
  }
  }
 }
});

網(wǎng)站題目：vuemounted組件的使用-創(chuàng)新互聯(lián)
新聞來源：http://muchs.cn/article10/cshpdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站制作、做網(wǎng)站、品牌網(wǎng)站制作、移動網(wǎng)站建設(shè)、手機網(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)