vue 학습 가이드: 13편(상세) - vue의 루트 3편(루트의 캐시)

1222 단어
라우팅 캐시
라우팅 캐시는 Vue 구성 요소 최적화의 중요한 방법입니다.
왜 루트 캐시를 실현합니까?
구성 요소 간의 상호 전환을 위해 데이터를 다시 불러오지 않고 사용자 체험에 영향을 주지 않기 위해서, 우리는 보통 구성 요소의 그룹을 캐시로 만들어야 한다. 우리가 누르면, 점을 찍을 때 aax를 다시 보내서, 그것을 보낸 후에 데이터를 저장하려고 한다.
저희가 필요해요. 제가 눌렀을 때 바로 나와요.
<keep-alive>
    <router-view>router-view>
keep-alive>
   :     
{
    path:"/find/nan",
       name:"nan",
       component:Nan,
       meta:{
           keepAlive:true
       }
},

 
true 이 구성 요소는 캐시하고false는 캐시하지 않습니다
단계 i2: app.에서
라벨로 싸주세요.
keep-alive가 뭐예요?
동적 구성 요소를 패키지할 때, 비활성 구성 요소의 실례를 캐시합니다. 그들을 없애는 것이 아니라,dom 요소를 렌더링하지 않고, 부모 구성 요소에 나타나지 않습니다.
 
저자: 진상 핸드폰 번호(위챗 동기화):17812718961 이 글이 공부하고 있는 친구들이나 일하는 친구들에게 수확과 불쾌감을 줄 수 있기를 바랍니다.

좋은 웹페이지 즐겨찾기