1.在vue的項(xiàng)目中挽荡,當(dāng)我們想多個(gè)組件進(jìn)行共享信息時(shí)永丝,通常會(huì)有用到vuex(Vuex是一個(gè)專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化.)因惭,解決這個(gè)事情。
但是當(dāng)頁面刷新時(shí)绩衷,vuex的store數(shù)據(jù)會(huì)消失蹦魔,如何解決這一問題激率,通常的辦法是存sessionStorage或localStorage,(根據(jù)實(shí)際情況選取存儲方式)
根據(jù)是否為刷新狀態(tài)勿决,來判斷取store還是進(jìn)行本地存取乒躺,對所需信息賦值
2.keep-alive是緩存組件,防止二次渲染低缩,這樣會(huì)大大的節(jié)省性能嘉冒。
使用時(shí)需要在需要緩存的路由下面加入此屬性
它的生命周期是這樣的:當(dāng)引入keep-alive的時(shí)候,頁面第一次進(jìn)入咆繁,鉤子的觸發(fā)順序created-> mounted-> activated讳推,退出時(shí)觸發(fā)deactivated。當(dāng)再次進(jìn)入(前進(jìn)或者后退)時(shí)玩般,只觸發(fā)activated银觅。