How to make Vue only change browser link but not refresh all browser

I used to run Vue “inside” Laravel project by writing .js, .vue files in resources/js folder of a Laravel project.
When I run website, browser (Chrome) did not refresh when clicking any link.

But when I split that project into Laravel and Vue seperately (with same packages) as follow:

project
|___backend
|___frontend

The browser refresh every time I click any link.

Browser refresing

Additionally, website’s performance is down. It takes more time to load.