場景: vue-router 路由鉤子 beforeRouteEnter 可以用來在初始進入頁面前，http 異步獲取數(shù)據(jù) mockData ，預先判斷是進入 A 頁、還是 B 頁，還是留在本頁；而如果留在本頁的話，還需要在 mounted 根據(jù) mockData 來判斷顯示哪種狀態(tài)（可以在本頁面實例創(chuàng)建后，重新發(fā)起 http 請求獲取 mockData ,但是沒有必要，造成代碼冗余）；

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),靈山企業(yè)網(wǎng)站建設(shè),靈山品牌網(wǎng)站建設(shè),網(wǎng)站定制,靈山網(wǎng)站建設(shè)報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,靈山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

執(zhí)行順序:

async beforeRouteEnter(to, from, next) {
   let res = await gameData()
   console.log('beforeRouteEnter start');
   next(vm => {
    console.log("vm start")
    vm.is_exchange = res.is_exchange
    vm.is_finish = res.is_finish
   })
 },
 beforeCreate() {
  console.log("beforeCreate start")
 },
 mounted(){
  console.log('mounted start');
  if(this.is_finish){
   this.modalMsg="活動已結(jié)束"
   return;
  }
  if(this.is_exchange){
   this.modalMsg="您已兌換獎品"
   return;
  }
 }

網(wǎng)站欄目：詳解vuebeforeRouteEnter異步獲取數(shù)據(jù)給實例問題-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://weahome.cn/article/dcjooj.html