Vue路由防衛可以分為三類：路由獨享守衛、組件內守衛和全局守衛

路由獨享守衛
寫在routes路徑配置中，如以下代碼

{path:’/A’,component:A, beforeEnter:(to,from,next)=>{ }}

組件內守衛
寫在組件js配置中，如以下代碼

Export default{name:’’,beforeRouteEnter:(to,from,next)=>{},beforeRouteLeave:(to,from,next)=>{next(false);} }

全局守衛
一般寫在main.js中，如以下代碼

const router=new VueRouter({}) router.beforeEach((to,from,next)=>{if(to.path==’/A’){next()} }) Router.afterEach((to,from)=>{Alert() })

總結

以上是生活随笔為你收集整理的Vue路由防卫的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。