Estaba buscando una manera de hacer que el desarrollo de mi blog estático fuera más rápido usando vue-router , pero encontré un problema al vincular las páginas secundarias con la ruta principal.
const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About, children: [ { path: '/test', name: 'How test children link', component: prova } ] } ] Si trato de ir a localhost/about/test address, Vue no puede encontrar la página, pero puedo llegar a ella si voy directamente a localhost/test .
Si cambio la ruta de los niños a
path: '/about/test', name: 'How test children link', component: prova }Funciona, pero no entiendo la utilidad de la ruta secundaria.
¿Qué no entiendo de la ruta de los niños?
Estás en el camino correcto. Pero hay que tener en cuenta que / significa y hace algo.
const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About, children: [ { path: 'test', name: 'AboutChild', component: TestComponent } ] } ] Básicamente, NO incluya un / al agregar una ruta para niños. Y si lo hace, agregue la ruta completa, en este caso: path: '/about/test'
E igualmente importante, no verá el contenido de AboutChild hasta que tenga una etiqueta html llamada <router-view /> en el componente Acerca de.