<template>
  <ul>
    <li>news001 <input type="text"></li>
    <li>news002 <input type="text"></li>
    <li>news003 <input type="text"></li>
  </ul>
</template>


<script>
  export default {
    name:'News',
    data() {
      return {
      }
    },
    //進入該組件進行攔截
    beforeRouteEnter(to,from,next){
      if(to.meta.isAuth){
        if(localStorage.getItem("username") === "yaomm"){
          next()
        }else{
          next("/login")
        }
      }else{
        next()
      }
    },
    //離開news頁面時執(zhí)行
    beforeRouteLeave(to, from, next){
      console.log("守衛(wèi)完成",to)
      //如果沒有next()無法離開news頁面
      next()
    }
  }
</script>