Routing avec Vue

06/08/20 dannyEnglish Version

Qu'allons nous faire ?

Nous allons implémenter dans notre projet la fonctionnalité suivante :

  • Le routing

Le routing est le mécanisme qui permet de naviguer d'une page à une autre sur un site web.


Initialisation

Vue propose une librairie vue-router.
Il s'agit de la librairie officielle permettant de gérer le routing.

Les conseils sont détaillés ici
https://vuejs.org/v2/guide/routing.html

La documentation et le dépôt et sont accessibles aux adresses
https://router.vuejs.org/
https://github.com/vuejs/vue-router

Vue Router est le router officiel pour Vue.js.
Il s'intègre parfaitement à Vue.js core et va nous permettre de créer des Single Page Applications.

Commençons par installer la dépendance indiquée


# Installation 
npm install --save vue-router

conclusion

Il ne reste plus qu'à tester les scripts suivants.

src/app/app-routing.module.ts
# Développement
npm run start
http://localhost:4200/

# Tests
npm run lint
npm run test
npm run e2e

# Production
npm run build
http-server -p 8080 -c-1 dist/angular-starter
http://localhost:8080/

Comment créer une application From scratch ?

Créez votre compte ganatan

Téléchargez gratuitement vos 4 guides complets

Démarrez avec angular CLI

Gérez le routing

Appliquez le Lazy loading

Intégrez Bootstrap

Ganatan site Web avec Angular