vue專案中keep alive快取下的初始化資料

2021-10-07 15:42:02 字數 306 閱讀 5428

vue專案中keep-alive快取下的初始化資料

最近在寫專案過程中遇到一點小坎坷,頁面既要運用keep-alive快取使用者輸入一半的資料,又要在切換頁面後初始化頁面中的一部分。既要馬兒跑又要馬兒不吃草。

當時我感覺這是互相矛盾的事情,後來經過查閱資料了解到了activated這個函式,它類似於vue生命週期的鉤子函式,它總是在mounted後執行,但是它不同於生命週期鉤子函式的是,一旦乙個頁面被快取後再次進入這個頁面時,所有的生命週期鉤子函式都是不執行的,但是activated可以在存在快取的頁面下當頁面切換是依然執行,可以在它裡編寫一些初始化頁面部分的語句。

vue專案使用keep alive的作用

vue專案使用keep alive的作用 在vue專案中,難免會有列表頁面或者搜尋結果列表頁面,點選某個結果之後,返回回來時,如果不對結果頁面進行快取,那麼返回列表頁面的時候會回到初始狀態,但是我們想要的結果是返回時這個頁面還是之前搜尋的結果列表,這時候就需要用到vue的keep alive技術了....

vue 專案中的scoped

加了scoped的樣式,在打包後,就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識,看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣,不同的不一樣 這就是為什麼引入其他元件時,在帶有sco...

vue專案中引入iconfont

對於前端而言,圖示的發展可謂日新月異。從img標籤,到雪碧圖,再到字型圖示,svg,甚至svg也有了類似於雪碧圖的方案svg sprite loader。雪碧圖沒有什麼好講的了,只是簡單地利用了background position來做圖示定位。今天咱們先聊聊怎麼使用字型圖示和svg圖示。其實字型圖...