Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang cara membuat halaman penghalaan dalam projek Vue
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!