Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang cara membuat halaman penghalaan dalam projek Vue

Penjelasan terperinci tentang cara membuat halaman penghalaan dalam projek Vue

藏色散人
藏色散人ke hadapan
2022-08-10 17:30:022037semak imbas

Artikel ini akan memperkenalkan cara membuat halaman penghalaan baharu dalam projek Vue. Saya harap ia dapat membantu rakan yang memerlukan.

[Cadangan berkaitan: tutorial video vue.js]

Langkah khusus adalah seperti berikut:

Kami kini mahu mencipta halaman ujian baharu, bernama Test.vue

1: Buat Test.vue baharu

di bawah komponen

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

2: Buka App.vue {name:'/components/Test',navItem:'Test interface'},

3: Buka penghalaan dan import komponen index.js

import Test from '@/components/Test'

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

Itulah ia.

Atas ialah kandungan terperinci Penjelasan terperinci tentang cara membuat halaman penghalaan dalam projek Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam