[Vue] Router Kullanımında Parametre gönderme okuma
bu yonlerndirmeleri Vue js te
VueRouter Kutuphanesi kullanılır
terminalde yazılır
npm install --save vue-router // ile yüklenir. burdaki save flagini kaldırdığımız için package json dosyası güncellenir.
----------------------------------------------
Main.js
import Vue from "vue"
import App from "./App.vue"
import VueRouter from "vue-router";
import { routes } from "./routes";
Vue.use(VueRouter);
const router = new VueRouter({
routes : routes
mode: "history" // "hash" default tur # cıkar
});
new Vue({
el:'#app',
router:router
render: h=> h(App)
})
----------------------------------------------
routes.js.
import Home from "./components/Home";
import User from "./components/User";
export const routes = [
{ path: '', component : Home, name:"Anasayfa"},
{ path: '/user/:id', component: User, name:"Kullanicilar"}, // /:id ile dinamik bir parametre gonderimi yapmis oluyoruz
];
-----------------------------------------------
App.vue
// burda gösterecek rote ettiği componentleri sayfaları neyse işte
-------------------------------------------------
Header.vue // nasıl navigasyon yaparız bunu gormek icin
-------------------------------------------------
User.vue
User Id : {{ id }}
Lorem zart zurt ..... cümlecikler
Yorumlar
Yorum Gönder