在vue.js

Question

我刚开始在一个小型SPA中使用vue.js和vue-router，我在构建路由树时遇到了问题。首先我有一个父组件，它基本上有两个子组件，它们是我的导航和页脚菜单在名称为Full.vue的这个父组件中，我想要渲染我的所有路由，我留下这个的代码，以便更好地理解：

<template>
  <div id="app" >
    <AppHeader/>
      <router-view/>
    <AppFooter/>
  </div>
</template>

<script>
  import { AppHeader, AppFooter } from '../components/'

  export default {
    name: 'full',
    components: {
      AppHeader,
      AppFooter
    }
  }  
</script>

我的路线文件如下：

import Full from './containers/Full.vue'
import Home './views/Home.vue'
import User from './views/User.vue'
import UserEdit from './views/UserEdit.vue'

export default [
  {
    path: '/',
    name: 'Home',
    redirect: '/dashboard',
    component: Full,
    meta: { requiresAuth: true },
    children: [
      {
        path: '/dashboard',
        name: 'Dashboard',
        component: Dashboard
      },
      {
        path: '/user',
        name: 'User',
        component: User,
        children: [
          {
            path: '/edit/:id',
            name: 'UserEdit',
            components: UserEdit,
            props: true,
          }
        ]  
      }
   ]

正如你在我的路线中看到的那样，特别是在我的USER路线中，我有一个子路线，我传递了一个参数在我的组件中工作，我的问题是这个女儿路线没有正确渲染，因为我的导航内部菜单组件和页脚我有一些像徽标等的图像，当我前往这条路线时，所有这些图像都被打破了...因为我是新鼻子，如果这是在父母和女儿之间构建我的路线的方式，那会是什么？做正确的方法吗？