Ausführliche Erklärung zum Erstellen einer Routing-Seite im Vue-Projekt

In diesem Artikel erfahren Sie, wie Sie eine neue Routing-Seite im Vue-Projekt erstellen. Ich hoffe, dass er Freunden in Not hilfreich sein wird!

【Verwandte Empfehlung: vue.js Video-Tutorial】

Die spezifischen Schritte sind wie folgt:

Wir erstellen jetzt eine neue Testseite und nennen sie Test.vue

1: Erstellen Sie ein neues Test.vue unter Komponenten

<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>

<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>

2: Öffnen Sie App.vue {name:'/components/Test',navItem:'Test interface'},

3: Öffnen Sie das Routing und importieren Sie die Komponenten index.js

import Test from '@/components/Test'

{
      path: '/components/Test',
      name: 'Test',
      component: Test
    }

ist in Ordnung.

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Erstellen einer Routing-Seite im Vue-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!