Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie eine Route in Vue hinzu

So fügen Sie eine Route in Vue hinzu

藏色散人
藏色散人Original
2023-01-29 10:43:463028Durchsuche

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.

So fügen Sie eine Route in Vue 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn