组件内路由守卫beforeRouteEnter和beforeRouteLeave

<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页面时执行
    beforeRouteLeave(to, from, next){
      console.log("守卫完成",to)
      //如果没有next()无法离开news页面
      next()
    }
  }
</script>