방금 Vue를 배우고 로컬 저장을 위해 localstorage를 사용하여 온라인 데모에 따라 간단한 메모를 작성했습니다. 그런 다음 페이지를 새로 고치거나 페이지를 떠날 때 localstorage 메서드를 호출하고 싶습니다. 그렇다면 어떻게? 귀하의 답변에 감사드립니다. 감사합니다!
일반적으로 Vue로 개발할 때 이러한 DOM 관련 API를 건드릴 필요는 없습니다 window.onload 대신 Vue로 캡슐화된 구성 요소 수명 주기 후크를 사용하세요.
window.onload
라이프 사이클 기능을 사용하고, 필요에 따라 사용할 기능을 선택하세요. https://cn.vuejs.org/v2/api/#Options-라이프 사이클 후크
로컬 저장소로 localstorage를 사용하고, 페이지를 새로 고치거나 페이지를 나갈 때 localstorage 메서드를 호출하고 싶습니다
1. 페이지 새로 고침을 위해 localstorage를 사용하세요. 즉, Vue가 인스턴스화되면 다음을 사용할 수 있습니다.
페이지를 새로 고칠 때 로컬 저장소를 작동할 수 있습니다. 참고: 실제로 로컬 저장소는 vue 인스턴스에 작성할 필요가 없습니다. 이는 본질적으로 페이지가 새로 고쳐질 때 js 조각을 실행하기만 하면 됩니다.
으아악
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
일반적으로 Vue로 개발할 때 이러한 DOM 관련 API를 건드릴 필요는 없습니다
으아악window.onload대신 Vue로 캡슐화된 구성 요소 수명 주기 후크를 사용하세요.라이프 사이클 기능을 사용하고, 필요에 따라 사용할 기능을 선택하세요. https://cn.vuejs.org/v2/api/#Options-라이프 사이클 후크
를 참조하세요.로컬 저장소로 localstorage를 사용하고, 페이지를 새로 고치거나 페이지를 나갈 때 localstorage 메서드를 호출하고 싶습니다
1. 페이지 새로 고침을 위해 localstorage를 사용하세요. 즉, Vue가 인스턴스화되면 다음을 사용할 수 있습니다.
으아악페이지를 새로 고칠 때 로컬 저장소를 작동할 수 있습니다.
main.js참고: 실제로 로컬 저장소는 vue 인스턴스에 작성할 필요가 없습니다. 이는 본질적으로 페이지가 새로 고쳐질 때 js 조각을 실행하기만 하면 됩니다.
으아악
2. 페이지 닫기는 vue의 수명주기와 관련이 없으며, 따라서 페이지를 닫을 때 localStorage를 조작할 방법이 없습니다. .