創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買多久送多久，劃算不套路！

目前成都創(chuàng)新互聯(lián)公司已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、雞冠網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

這篇文章主要為大家展示了在vue中如何使用created、mounted，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來看看吧。

created：html加載完成之前，執(zhí)行。執(zhí)行順序：父組件-子組件

mounted：html加載完成后執(zhí)行。執(zhí)行順序：子組件-父組件

methods：事件方法執(zhí)行

watch：watch是去監(jiān)聽一個(gè)值的變化，然后執(zhí)行相對(duì)應(yīng)的函數(shù)。

computed：computed是計(jì)算屬性，也就是依賴其它的屬性計(jì)算所得出最后的值

export default {
   name: "draw",
   data(){   // 定義變量source    
    return {
     source:new ol.source.Vector({wrapX: false}),
    }
   },
  props:{ //接收父組件傳遞過來的參數(shù)
   map:{
    //type:String
   },
  },

mounted(){  //頁面初始化方法
  if (map==map){
  }
  var vector = new ol.layer.Vector({
   source: this.source
  });
  this.map.addLayer(vector);
 },
 watch: {  //監(jiān)聽值變化：map值
  map:function () {
   console.log('3333'+this.map);
   //return this.map
   console.log('444444'+this.map);
   var vector = new ol.layer.Vector({
    source: this.source
   });
   this.map.addLayer(vector);
  }
 },
 methods:{  //監(jiān)聽方法 click事件等，執(zhí)行drawFeatures方法
    drawFeatures:function(drawType){}
}

標(biāo)題名稱：在vue中如何使用created、mounted-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/cscise.html