javascript - 페이지를 새로 고칠 때 Vue가 이벤트를 트리거합니까?

Question

방금 Vue를 배우고 로컬 저장을 위해 localstorage를 사용하여 온라인 데모에 따라 간단한 메모를 작성했습니다. 그런 다음 페이지를 새로 고치거나 페이지를 떠날 때 localstorage 메서드를 호출하고 싶습니다. 그렇다면 어떻게? 귀하의 답변에 감사드립니다. 감사합니다!

Answer 1

일반적으로 Vue로 개발할 때 이러한 DOM 관련 API를 건드릴 필요는 없습니다 window.onload 대신 Vue로 캡슐화된 구성 요소 수명 주기 후크를 사용하세요.

으아악

Answer 2

라이프 사이클 기능을 사용하고, 필요에 따라 사용할 기능을 선택하세요. https://cn.vuejs.org/v2/api/#Options-라이프 사이클 후크

를 참조하세요.

Answer 3

로컬 저장소로 localstorage를 사용하고, 페이지를 새로 고치거나 페이지를 나갈 때 localstorage 메서드를 호출하고 싶습니다

1. 페이지 새로 고침을 위해 localstorage를 사용하세요. 즉, Vue가 인스턴스화되면 다음을 사용할 수 있습니다.

으아악

페이지를 새로 고칠 때 로컬 저장소를 작동할 수 있습니다.
참고: 실제로 로컬 저장소는 vue 인스턴스에 작성할 필요가 없습니다. 이는 본질적으로 페이지가 새로 고쳐질 때 js 조각을 실행하기만 하면 됩니다.

main.js

으아악

2. 페이지 닫기는 vue의 수명주기와 관련이 없으며, 따라서 페이지를 닫을 때 localStorage를 조작할 방법이 없습니다. .