120_嵌套（多级）路由

最新推荐文章于 2024-05-09 04:24:45 发布

「已注销」

最新推荐文章于 2024-05-09 04:24:45 发布

阅读量333

点赞数

分类专栏： Vue学习笔记文章标签： vue.js Vue Router

本文链接：https://blog.csdn.net/gty204625782/article/details/121777573

版权

文章目录

对于第118节Home组件更改的静态页面源码

home-message.html

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Vue App</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
  </head>
  <body>
    <div id="root">
      <div>
        <div class="row">
          <div class="col-xs-offset-2 col-xs-8">
            <div class="page-header">
              <h2>Vue Router Demo</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-2 col-xs-offset-2">
            <div class="list-group">
              <a class="list-group-item" href="/about">About</a>
              <a class="list-group-item active" href="/home" aria-current="page">Home</a>
            </div>
          </div>
          <div class="col-xs-6">
            <div class="panel">
              <div class="panel-body">
                <div>
                  <h2>Home组件内容</h2>
                  <div>
                    <ul class="nav nav-tabs">
                      <li>
                        <a class="list-group-item" href="./home-news.html">News</a>
                      </li>
                      <li>
                        <a class="list-group-item active" href="./home-message.html">Message</a>
                      </li>
                    </ul>
                    <div>
                      <ul>
                        <li>
                          <a href="/message1"

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
120_嵌套（多级）路由

文章目录对于第118节Home组件更改的静态页面源码home-message.htmlhome-news.html多级路由完整代码目录图components文件夹Banner.vuepages文件夹About.vueHome.vueMessage.vueNews.vuerouter文件夹index.jsApp.vuemain.js对于第118节Home组件更改的静态页面源码home-message.html<html lang="en"> <head> <me
复制链接

扫一扫