Using beforeRouteEnter with Vue Router

About.vue

<template>
  <div>Hi I am the about page {{ info }}</div>
</template>

<script>
export default {
  props: {
    info: String
  },
  beforeRouteEnter(to, from, next) {
    next(vm => {
      if (vm.info) next()
      else next({ name: "home" })
    })
  },
  mounted() {
    console.log("mounted called")
  }
}
</script>