vue路由以及遞迴

2021-10-07 03:05:42 字數 982 閱讀 8514

方法不算多,但都比較實用,那下面就簡單說一下。

首先來說一下vue遞迴方法,

對於這個方法的乙個簡單的理解就是 他可以讓複雜的方法簡單化。舉個簡單的運用場景的例子,就是說假如我們做乙個樹形資料夾,簡單點說就是層層巢狀的。那如果我們用for迴圈來做的話,要寫很多個迴圈,是很不方便的。那既然多層迴圈基本都是乙個套子,那何不用乙個大框架套呢?這個時候我們就可以用遞迴實現。實現思路就是,我們可以先新建兩個檔案,然後寫你的name名作為你的方法,然後再兩個頁面都可以呼叫這個方法名來實現遞迴資料。具體的實現方式可以參考文件

其次來說一下vue的路由,

說到vue路由,其實第乙個點就是理解是什麼?原理有是怎樣?

那其實他的原理就是通過改變瀏覽器位址url,在不重新請求頁面的情況下,更新頁面檢視,那麼實現這樣的方式有兩種,

1.一種是# hash , 在位址中加入#以欺騙瀏覽器,位址的改變是由於正在進行頁內導航

2. 一種是h5的history , 使用url的hash來模擬乙個完整的url

那麼問題又來了,hash跟history又是什麼呢?他們就是vue路由的路由模式。他們的優缺點是互補的,就比如說hash相容性強,路由卻不美觀,但是history剛好與之相反。

那路由了解了這麼多,他又該怎麼寫呢?其實這裡更推薦使用路由藍載入的寫法,也就是我們可以通過函式表示式來引入路由,這樣路由的效果更加好一點。

那麼我們使用路由,必不可少的就是路由傳參,傳參方式有兩種,一種query一種paromise,後者傳參更加高雅。語法的pormomise需要在路由中配置,然後通過rou

ter跳

轉,

router跳轉,

router

跳轉,route接受。query同理,只是不需要配置路由,他可以把路由寫在跳轉裡。

其實說到vue的路由還是有很多的知識點,比如說vue導航守衛(全域性前置,後置鉤子,等)呀,路由巢狀呀(把巢狀的二級路由寫在一級路由裡,用chilren陣列包裹。)等等,那更多的知識還是需要去了解,去熟練,去使用的。

Vue中的元件以及路由

為什麼把檢視給元件化拆成一塊一塊的呢?說白了,元件就是對區域性檢視的封裝 全域性元件定義的三種方式 使用 vue.extend 配合 vue.component 方法 var login vue.extend vue.component login login 直接使用 vue.component ...

vue 路由跳轉以及引數獲取

路由跳轉 query傳參 this.router.push query傳參 獲取引數 const id this.route.query.id 路由跳轉 params傳參 this.router.push params傳參 獲取引數 const id this.route.params.id 區別 ...

vue路由以及頁面跳轉的使用

import vue from vue import router from vue router import helloworld from components helloworld import child from components child vue.use router expor...