zoukankan      html  css  js  c++  java
  • vue-router(配置子路由--单页面多路由区域操作)

    1.配置子路由:

    import Post from "@components/Post"

    export default new Router({

      routers:[

        {

          path:'/',

          component:Pos

        },

        {//配置自由路

          path:'/com',

          compontent:Com,

          children:[

              {

                path:'/'

              },

              {

                path:'com',

                component:Com

              }

            ]

        }

      ]

    })

    2.单页面多路由区域操作(页面出现多个router-view --通过name)

    <router-view></router-view>

    <router-view  name="main"></router-view>

    路由配置:

    export default new Router({

      routers:[

        path:'/',

        compontents:{

          default:Def,

          main:Main

        }

      ]

    });

    配置中compontents:{}对象;

  • 相关阅读:
    华为ensp使用
    网络学习目录
    MySQL简介
    zip命令详解
    gzip命令详解
    unzip/tar命令详解
    tar命令详解
    ipython使用
    os, sys, stat 模块使用
    配置linux系统时区---解决ntp同步完时间不准问题
  • 原文地址:https://www.cnblogs.com/fangyinghua/p/9237505.html
Copyright © 2011-2022 走看看