- 使用 <script setup> 语法糖，因为在 setup 周期中路由解析完成，组件已创建，所以只有 onBeforeRouteLeave 和 onBeforeRouteUpdate 两个导航守卫可以使用
- 我们可以新增一个script
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
beforeRouteEnter(to, from, next) {
// Do somethings
next()
}
})
</script>
<script lang="ts" setup>
// Do more things
</script>
