vue--mounted

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

2.相對於前端來講
對於前端來說,鉤子函數就是指再所有函數執行前,我先執行了的函數,即 鉤住 我感興趣的函數,只要它執行,我就先執行。

3.vue中的mounted
在這發起後端請求,拿回數據,配合路由鉤子做一些事情
類型: Function
詳細:
el被新創建的 vm.el調rootmounted調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;
        });
      }
      }
    }
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章