So fügen Sie eine Route in Vue hinzu

So fügen Sie eine Route in Vue hinzu: 1. Richten Sie das Vue-Gerüst ein. 2. Öffnen Sie den Projektordner. 3. Erstellen Sie eine neue Vue-Seite unter der Komponente im Dateiverzeichnis. 4. Öffnen Sie src Fügen Sie der Datei index.js im Router-Verzeichnis einen neuen Routing-Code hinzu.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 2.0, DELL G3-Computer

Wie füge ich eine Route in Vue hinzu?

Fügen Sie eine neue Route in Vue hinzu und greifen Sie darauf zu

1. Erstellen Sie das Vue-Gerüst (die hier verwendete Version ist Vue2.0)

2. Öffnen Sie die Projektdatei im Code-Editor (hier wird Sublime Text verwendet). ) Ordner

3. Erstellen Sie eine neue Vue-Seite unter der Komponente im Dateiverzeichnis src und schreiben Sie den Testcode

4. Öffnen Sie die Datei index.js im Router-Verzeichnis unter src und fügen Sie einen neuen Routing-Code hinzu Hier ist zu beachten, dass Sie durch Hinzufügen von mode:'history' das #/

entfernen können, wenn vue auf die Seite zugreift. 5. Geben Sie nach dem Ausführen des npm run dev-Projekts localhost:8080/myVue ein. Sie können sehen, dass die Seite zu unserer neu hinzugefügten myTestVue.vue-Seite springt.

Empfohlenes Lernen: „vue-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo fügen Sie eine Route in Vue hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!