vue 에서 destroyed 방법의 사용 설명

우 리 는 destroyed 라 는 글자 의 뜻 에서 알 수 있 듯 이 중국 어 는'소각'이라는 뜻 입 니 다.우리 가 이 페이지 를 떠 날 때 이 함수(구체 적 으로 vue 의 생명 주 기 를 볼 수 있 습 니 다)를 호출 합 니 다.우 리 는 감청 사건 과 정시 함 수 를 소각 하 는 데 자주 사용 합 니 다.예 를 들 어:

//       
destroyed() {
 window.removeEventListener('resize', this.resizeWin)
}

위의 함수 에서 알 수 있 듯 이 사용자 가 페이지 를 떠 날 때 감청 사건 을 소각 합 니 다.
보충 지식:vue 페이지 가 새로 고침 되 었 을 때 어떤 생명 주 기 를 실 행 했 습 니까?-beforeDestroy 와 destroyed 를 신중하게 사용 합 니 다.
먼저 vue 인 스 턴 스 의 생명 주 기 를 돌 이 켜 보 자.

내 프로젝트 의 한 구성 요 소 는 localstorage 에 데 이 터 를 저장 하고 페이지 를 떠 날 때 localstorage 에 해당 하 는 데 이 터 를 비 워 야 합 니 다.그래서 나 는 storage 를 비 운 코드 를 beforeDestroy 에 썼 다.그러나 페이지 를 새로 고 칠 때 storage 는 비 워 지지 않 았 다.
테스트 를 통 해 페이지 가 새로 고침 되 었 을 때 인 스 턴 스 는 beforeCreate(),created(),beforeMount(),mounted(),beforeUpdate(),updated()를 순서대로 실행 한 것 으로 나 타 났 다.destroy 를 실행 하지 못 했 습 니 다.페이지 를 닫 고 다시 여 는 효과 와 같 습 니 다.따라서 beforeDestroy 나 destroyed 에서 실 행 된 코드 는 페이지 새로 고침 처 리 를 추가 로 고려 해 야 합 니 다.
이상 의 vue 에서 destroyed 방법의 사용 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 할 수 있 고 많은 응원 부 탁 드 리 겠 습 니 다.