vue的路由模式一共有兩種，分別是哈希和history，他們的區(qū)別是hash模式不會包含在http請求當中，并且hash不會重新加載頁面，而使用history模式的話，如果前端的url和后端發(fā)起請求的url不一致的話，會報404錯誤，所以history的原理是利用html5新增的兩個特性方法，分別是psuhState和replaceState來完成的，以上就是對vue路由的理解。 路由的導航守衛(wèi) 又叫做路由的鉤子函數（生命周期函數） 就是在跳轉頁面的時候把路由欄下來，做一些操作在放行，vue一共提供了三種路由守衛(wèi)。 第一種是全局守衛(wèi) beforeEach路由進入之前 afterEach路由進入之后 第二種 組件內守衛(wèi) beforeRouteEnter 路由進入之前 beforeRouteUpdate 路由更新之前 beforeRouteLeave 路由離開之前 第三種 路由獨享守衛(wèi) beforeEnter 路由進入之前 分別是 to from next next 這個參數 在路由版本的時候，是必須的 但是到了路由版本的時候next參數變成可選的了 一般來說vue2搭配 的路由 vue3搭配 的路由 比如說購物車頁面只有登陸的才能訪問，我們可以用組件級守衛(wèi)購物車頁面，如果已經登陸存有token 的話，就繼續(xù)訪問這個頁面，如果沒有登陸的話就會跳轉到登陸頁面。 在項?中我們經常使?路由守衛(wèi)實現??的鑒權. ?如:當?戶登錄之后,我們會把后臺返回的token以及?戶信息保存到vuex 和本地,當??進?跳轉的時候,我們會在路由守衛(wèi)??獲取vuex??的token,如果token存在的話,我們則使?next讓他進?要 跳轉的??,如果token不存在的話我們使?next?法讓他回到登錄? 以上就是我對vue路由守衛(wèi)的理解。 ?先v-if和v-show都是控制元素的顯示與隱藏, 不過v-if控制元素的顯 示和隱藏的時候會刪除對?的dom元素,當每?個顯示的時候,都會重新創(chuàng)建dom和渲染. ?v-show則是通過css的display:none 和display:block來控制元素的顯示與隱藏. v-if?較耗費性能,所以我們涉及到頻繁的顯示隱藏操作我們建議使?v-show,如果不 是頻繁操作的話,我們可以v-if 在項?中我會經常使?v-if和v-show,?如我們在搜索功能的時候,他有?個歷史記錄,這個時候我們根據是否有搜索的結果來判 斷歷史記錄的顯示與隱藏,這塊我就可以使?v-if ,當然?v-show也可以. 以上就是我對v-if和v-show的理解。 v-for的優(yōu)先級?. 因為v-for的時候我們才開始渲染dom元素,這個v-if還?法進?判斷. v-for和v-if不能同時使?,我們可以通過標簽,?如div或者template標簽來進?包裹,把v-if寫到包裹的標簽上?(寫到v-for外?)。 ?先呢,methods是?來定義?法的區(qū)域,methods定義的?法需要調?才能觸發(fā). 不具備緩存? ?computed是計算屬性,他依賴于屬性值的變化,當屬性發(fā)?改變的時候,計算屬性??定義的?法就會觸發(fā),computed具有緩 存性,依賴屬性值的變化?變化. ?watch主要是?于監(jiān)聽,不具備被緩存性.依賴于數據變化?觸發(fā). 在項?中,?如我們獲取state的狀態(tài)的時候我們會把它放到computed??,或者在寫購物?數量計算的時候也會使?計算屬性. ?watch也在項?經常使?,?如我們封裝編輯 和 新增彈窗組件的時候會通過watch來進?id判斷我們要顯否要清空表單的數 據. 以上就是我對computed和watch的理解。