[VueJS] Vue에서 페이지 새로고침 하기

VueJS/VueJS

썸머워즈 2023. 3. 7. 20:13

Vue에서 페이지 새로고침하기

VueJS를 사용했다면 SPA(Single Page Appclication) 방식으로 개발을 진행했다고도 할 수 있는데,

이럴 경우에는 일반적으로 location.href/reload 같은 방식의 새로고침은 권장하지 않는다.

이전에 작성했던 글 중에 라우터 관련한 글이 있었는데 그 방법을 활용할 것이다.

[VueJS] 라우터(Vue Router) push/replace/go - 프로그래밍 방식 페이지 전환 사용하기

Programmatic Navigation 프로그래밍 방식 내비게이션은 를 사용하여 선언적 내비게이션을 사용하기보다는 라우터의 인스턴스 메서드를 사용하여 프로그래밍으로 동일한 기능을 수행할 수 있는 방식

mine-it-record.tistory.com

Vue Router의 go 메서드를 활용하여 새로고침을 하면 된다.

router.go()
router.go(0)

생각보다 매우 간단하니 까먹지 말자.