Routing ve bir web uygulamasında sayfalar oluşturmak ve bunlar arasında gezinmek için .js'deki Navigation temel kavramlardır. sistemi .js'de yönetmek için güçlü ve esnek bir kitaplıktır. Vue Vue Router routing Vue
route.js'deki s ile ilgili temel kavramlar şunlardır Vue:
-
Route: A, route bir yol tanımlar ve onu karşılık gelen bir bileşene bağlar. Her birinin route bir yolu ve bir bileşeni vardır.
-
Vue Router: .js'de e-postaları yönetmek için bir kitaplıktır. Bir uygulamada s tanımlamak ve yönetmek için araçlar sağlar. Vue Router route Vue route Vue
-
Route Bileşen: Her birinin route karşılık gelen bir bileşeni vardır. a etkinleştirildiğinde route, ilişkili bileşen görüntülenecektir.
-
Dinamik Route: Bir dinamik, dinamik parametrelerle s route tanımlamanıza olanak tanır. Örneğin, kullanıcı bilgilerini karşılık gelen id ile görüntülemek için "/user/:id" yolu ile route bir a tanımlayabilirsiniz. route
-
Yuvalanmış Route: Yuvalanmış, çocukları bir üst öğenin içine route yerleştirmenize izin veren bir kavramdır. Bu, karmaşık yapılar oluşturmanıza ve bileşenleri iç içe bir şekilde düzenlemenize olanak tanır. route route route
-
Yönlendirme Route: Yönlendirme, route kullanıcıları bir yoldan diğerine yönlendirmenizi sağlar. route Bu, kullanıcıları eski bir yoldan yenisine geçirmek istediğinizde kullanışlıdır .
-
Route Koruma: Koruma, e-postalara route erişimi kontrol etmenizi ve kontrol etmenizi sağlayan bir işlevdir route. Korumaları kullanarak route, kullanıcıların belirli e-postalara erişmesini önleyecek koşullar tanımlayabilir route veya yeniden yönlendirmeden önce özel işlemler gerçekleştirebilirsiniz.
kullanmak için şu adımları takip edebilirsiniz: Vue Router
Adım 1: npm veya yarn kullanarak kurun: Vue Router
veya
Adım 2: Projenin kök dizininde bir dosya oluşturun. Bu dosyada uygulamanın s'lerini bildirip yapılandıracağız. router.js
route
3. Adım: Dosyayı içe main.js
aktarın ve uygulamaya bağlayın: Vue Router Vue
Adım 4: Dosyada, , gibi bileşenleri ve diğer özellikleri kullanarak s bildirebilirsiniz. router.js
route Vue Router path
component
route Örneğin, ana sayfa için a ve route hakkında sayfası için aşağıdaki gibi tanımlayabilirsiniz:
Adım 5: Bileşenlerde, diğer e- postalara bağlantılar oluşturmak ve Vue mevcut. <router-link>
route <router-view>
route
Örneğin, Ana Sayfa bileşeni şablonunda, hakkında sayfasına bir bağlantı oluşturmak için kullanabilirsiniz: <router-link>
App bileşeninin şablonunda, current içeriğini görüntülemek için kullanabilirsiniz: <router-view>
route
Bu adımlarla .js uygulamanızı kurdunuz ve yönettiniz. Vue Router routing navigation Vue