Shulou(Shulou.com)06/03 Report--

This article will explain in detail how to achieve route hopping in Vue. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

There are different kinds of routing patterns for one-page application.

1. Hash mode (using hashchange events to listen for changes in url's hash)

Window.addEventListener ("hashchange", function (e) {console.log (e)})

2. History mode

Title login registration var appdiv = document.getElementById ("app") window.addEventListener ("hashchange") Function (e) {console.log (e.newURL) / / # / login console.log (location.hash) switch (location.hash) {case "# / login": appdiv [XSS _ clean] = "I am the login page" Break; case "# / register": appdiv [XSS _ clean] = "I am the registration page"; break }}) this is the end of the article on "how to achieve routing jump in Vue". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.