[Vue] Child Route yapmak Detay + Query paramertre gonderme

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"; import UserStart from "./components/UserStart"; import UserDetail from "./components/UserDetail"; import UserEdit from "./components/UserEdit"; export const routes = [ { path: '', component : Home, name:"Anasayfa"}, { path: '/user/:id', component: User, name:"Kullanicilar" children:[{path : '', component: UserStart}, // /user {path : ':id', component: UserDetail}, // /user/5 {path : ':id/edit', component: UserEdit, name:"userEdit"} // /user/5/edit ] }, {path:"*",} // üstteki hiç birine girmemiş ise baska ne gelirse gelsin basa home dondür gibi bisey dedik defaulta git dedik ]; ----------------------------------------------- App.vue ------------------------------------------------- Header.vue // nasıl navigasyon yaparız bunu gormek icin ------------------------------------------------- User.vue ------------------------------------------------- UserStart.vue --------------------------------------------- ---- UserDetail.vue --------------------------------------------- ---- UserEdit.vue