這篇文章主要介紹“vue-router的路由守衛(wèi)是什么”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“vue-router的路由守衛(wèi)是什么”文章能幫助大家解決問題。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、詔安網(wǎng)絡(luò)推廣、小程序設(shè)計、詔安網(wǎng)絡(luò)營銷、詔安企業(yè)策劃、詔安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供詔安建站搭建服務(wù),24小時服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
vue-router路由守衛(wèi)有:1、“全局路由守衛(wèi)”,是指路由實例上直接操作的鉤子函數(shù);2、“路由獨享守衛(wèi)”,是指在單個路由配置時也可以設(shè)置的鉤子函數(shù);3、“組件守衛(wèi)”,是指在組件內(nèi)執(zhí)行的鉤子函數(shù)。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6版,DELL G3電腦。
路由守衛(wèi)是什么?
官方解釋:
“導(dǎo)航”表示路由正在發(fā)生改變。正如其名,vue-router提供的導(dǎo)航守衛(wèi)主要用來通過跳轉(zhuǎn)或取消的方式守衛(wèi)導(dǎo)航。有多種機會植入路由導(dǎo)航過程中:全局的, 單個路由獨享的, 或者組件級的。
簡單的說,導(dǎo)航守衛(wèi)就是路由跳轉(zhuǎn)過程中的一些鉤子函數(shù)。路由跳轉(zhuǎn)是一個大的過程,這個大的過程分為跳轉(zhuǎn)前中后等等細小的過程,在每一個過程中都有一函數(shù),這個函數(shù)能讓你操作一些其他的事兒,這就是導(dǎo)航守衛(wèi)。類似于組件生命周期鉤子函數(shù)
路由守衛(wèi)分類
1、全局路由守衛(wèi):是指路由實例上直接操作的鉤子函數(shù),特點是所有路由配置的組件都會觸發(fā),直白點就是觸發(fā)路由就會觸發(fā)這些鉤子函數(shù)
beforeEach(to,from, next)
beforeResolve(to,from, next)
afterEach(to,from)
2、路由獨享守衛(wèi): 是指在單個路由配置的時候也可以設(shè)置的鉤子函數(shù)
beforeEnter(to,from, next)
3、組件守衛(wèi):是指在組件內(nèi)執(zhí)行的鉤子函數(shù),類似于組件內(nèi)的生命周期,相當(dāng)于為配置路由的組件添加的生命周期鉤子函數(shù)。
beforeRouteEnter(to,from, next)
beforeRouteUpdate(to,from, next)
beforeRouteLeave(to,from, next)
關(guān)于“vue-router的路由守衛(wèi)是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。