Section-13-Routing

Routing in Vue 3

Section 13 contains:

 1. Routing setup
 2. Registering and Rendering Routes
 3. Navigation with Router Links
 4. Dynamic paths
 5. Params Data and Watchers
 6. Passing params as props
 7. Nested Routes
 8. Query Params
 9. Named Routes
 10. Rendering multiple routes
 11. Scroll beahviour
 12. Navigation guards
 13. "afterEach" hooks
 14. Route leave guards
 15. Route Metadata

To run this project

1. Download the zip/ clone the repository
2. Open with an IDE (Visual Studio Code recommended)
3. Open terminal in VS Code and run - npm install --> npm run serve
4. Copy the server localhost link and open it in a browser/ ctrl + right click on the link

Special Instruction

Open package.json and replace the script section with this:

        "scripts": {
        "serve": "set NODE_OPTIONS=--openssl-legacy-provider &&  vue-cli-service serve",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },