精华内容
下载资源
问答
  • vue路由器配置

    2021-01-20 21:08:44
    vue路由器配置 1.安装vue-router npm i vue-router 2.搭建vue-router环境 (1). 将vue-router注册为vue的插件 router/touter.js: import VueRouter from "vue-router"; Vue.use(VueRouter) (2). 创建路由...

    vue的路由器配置

    1.安装vue-router

    npm i vue-router
    

    2.搭建vue-router环境

    (1). 将vue-router注册为vue的插件

    router/touter.js:

       import VueRouter from "vue-router";
       Vue.use(VueRouter)
    

    (2). 创建路由组件 并 进行路径映射

    a.创建pages目录,在里面创建对应的路由

    b.routers/routers.js:

    import about from "../pages/about"
    import home from "../pages/home"
    const routes = [
      {path:"/about",component:about},
      {path:"/home",component:home}
    ]
    export default routes
    

    (3). 创建路由器 并 注册路由

    router/touter.js:

    const router = new VueRouter({
      routes
    })
    export default router
    

    (4). 注册路由器

    在入口文件main.js中:

    new Vue({
      el: '#app',
      components: { App },
      template: '<App/>',
      router
    })
    

    (5). 路由组件的占位

    app中:

    <template>
      <div id="app">
        <div class="row">
          <div class="col-xs-offset-2 col-xs-8">
            <div class="page-header"><h2>Router Basic</h2></div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-2 col-xs-offset-2">
            <div class="list-group">
              <router-link to="/about" class="list-group-item">About</router-link>
              <router-link to="/home" class="list-group-item">Home</router-link>
            </div>
          </div>
          <div class="col-xs-6">
            <div data-v-957c9522="" class="col-xs-6">
              <div data-v-957c9522="" class="panel">
                <div data-v-957c9522="" class="panel-body">
                  <router-view></router-view>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
    

    (6). 设计路由导航

    <template>
      <div id="app">
        <div class="row">
          <div class="col-xs-offset-2 col-xs-8">
            <div class="page-header"><h2>Router Basic</h2></div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-2 col-xs-offset-2">
            <div class="list-group">
              <router-link to="/about" class="list-group-item">About</router-link>
              <router-link to="/home" class="list-group-item">Home</router-link>
            </div>
          </div>
          <div class="col-xs-6">
            <div data-v-957c9522="" class="col-xs-6">
              <div data-v-957c9522="" class="panel">
                <div data-v-957c9522="" class="panel-body">
                  <router-view></router-view>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
    

    3.搭建vue-router环境(分模块)

    pages : 存放路由组件
    routes : 路由
    router : 路由器

    4.重定向

    routers/routers.js:

    const routes = [
      {path:"/about",component:about},
      {path:"/home",component:home},
      {path:"/",redirect:"/about"}
    ]
    

    5.嵌套路由

    弄清楚路由组件到底在哪渲染;一级路由组件在app的router-view上渲染
    二三…级路由组件在其上一级的路由组件中的router-view上进行渲染

    import about from "../pages/about"
    import home from "../pages/home"
    import news from "../pages/news"
    import message from "../pages/message"
    const routes = [
      //普通路由
      {path:"/about",component:about},
      //嵌套路由
      {
        path:"/home",
        component:home,
        children:[
          {path:"news",component:news},
          {path:"message",component:message},
          {path:"",redirect:"news"},
        ]
      },
      {path:"/",redirect:"/about"}
    ]
    export default routes
    

    6.动态路由

    a.基本配置 & 基本使用
    b.如何获取动态路由的相关信息;通过$route来获取
    c.当同一个动态路由产生切换时;对应的路由组件的生命周期得不到执行;我们需要手动的监听$route

    //about,home,user是一级路由
    //news和message是home的二级路由
    import about from "../pages/about"
    import home from "../pages/home"
    import news from "../pages/news"
    import message from "../pages/message"
    import user from "../pages/user"
    import userDeatil from "../pages/userDeatil"
    const routes = [
      // 普通路由
      {path:"/about",component:about},
      // 嵌套路由
      {
        path:"/home",
        component:home,
        children:[
          {path:"news",component:news},
          {path:"message",component:message},
          {path:"",redirect:"news"},
        ]
      },
      //基本动态路由:
      **
      userDeatil是user的子路由,userDeatil是动态路由。
      不管id为多少,都可以打中同一个路由,就是userDeatil子动态路由
      **
      //动态路由  ?代表:id可以被匹配0到1次
      // {path:"/user/:id?",component:user},
      {
        path:"/user",
        component:user,
        children:[
          {path:":id",component:userDeatil}
        ]
      },
      {path:"/",redirect:"/about"}
    ]
    export default routes
    
    **
    在user一级路由中注册并定义方法根据id去打中userDeatil子路由,
    根据v-model去抓取id,  data中接受id,在methods定义方法去打中
    这个子路由进行路由跳转。
        methods:{
              go(){
                //进行路由跳转
                this.$router.push(`/user/${this.id}`)
              }
            }
    **
    

    //深入动态路由:

    //about,home,user,test是一级路由
    //news和message是home的二级路由
    //userDeatil是三级路由
    
    import about from "../pages/about"
    import home from "../pages/home"
    import news from "../pages/news"
    import message from "../pages/message"
    import user from "../pages/user"
    import userDeatil from "../pages/userDeatil"
    import test from "../pages/test"
    const routes = [
      // 普通路由
      {path:"/about",component:about},
      // 嵌套路由
      {
        path:"/home",
        component:home,
        children:[
          {path:"news",component:news},
          {path:"message",component:message},
          {path:"",redirect:"news"},
        ]
      },
      //动态路由  ?代表:id可以被匹配0到1次
      {path:"/test/:id?",component:test},
      {
        path:"/user",
        component:user,
        children:[
          {name:"user",path:":id",component:userDeatil}
        ]
      },
      {path:"/",redirect:"/about"}
    ]
    export default routes
    
    
    **
    在user一级路由中注册并定义方法根据id去打中userDeatil子路由,
    根据v-model去抓取id,  data中接受id,在methods定义方法去打中
    这个子路由进行编程式路由跳转。
    
            methods:{
              go(){
                //进行编程式路由跳转(字符串的形式)
                // this.$router.push(`/user/${this.id}?name=damu&age=18#888`)
    
                // 进行编程式路由跳转(对象的形式)
                /*this.$router.push({
                  path:`/user/${this.id}`,
                  query:{
                    name:"damu666",
                    age:188
                  },
                  hash:"#678"
                })*/
    
                //进行编程式路由跳转(对象的形式) path和params不能同时出现
                //如果同时出现则使用命名路由name
                this.$router.push({
                  // path:`/user`,
                  name:"user",
                  params:{
                    id:this.id
                  },
                  query:{
                    name:"damu666",
                    age:188
                  },
                  hash:"#678"
                })
              }
            }
    **
    

    补充:

         // {
              //    fullpath:"",   path+query+hash
              //    hash:"",
              //    params:{搜集冒号后面的值 在此处是id}      path中:对应的数据
              //    query:{}
              //    path:"",  在此处为/user/${this.id}
              // }
    

    7.编程式导航 vs 声明式导航

    声明式导航 : <router-link to="path">
    编程式导航 :
            $router.push(路径字符串)
            $router.push(对象)
                {path:路径字符串}
                {
                    path:路径字符串.path,
                    query:路径字符串.query,
                    hash:路径字符串.hash
                }
                {
                    name:命名路由的名称, //在配置路由时一定要给对应的路由起名字
                    params:路径字符串.params,
                    query:路径字符串.query,
                    hash:路径字符串.hash
                }
    

    8.路由配置

    name:命名路由;字符串
    path:匹配路径;字符串
    component:路由组件;组件对象
    children:子路由配置;子路由配置组成的数组
    props:布尔值 对象 函数
    redirect:路径字符串

    解耦
    在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。

    使用 props 将组件和路由解耦:

    import about from "../pages/about"
    import home from "../pages/home"
    import news from "../pages/news"
    import message from "../pages/message"
    import user from "../pages/user"
    import userDeatil from "../pages/userDeatil"
    import test from "../pages/test"
    const routes = [
      // 普通路由
      {path:"/about",component:about},
      // 嵌套路由
      {
        path:"/home",
        component:home,
        children:[
          {path:"news",component:news},
          {path:"message",component:message},
          {path:"",redirect:"news"},
        ]
      },
      //动态路由  ?代表:id可以被匹配0到1次
      //props:true  代表我们将:id对应的数据自动通过props的形式传递给test组件
    
      // {path:"/test/:id?",component:test,props: true },布尔模式
      **如果 props 被设置为 true,route.params 将会被设置为组件属性。类似于父组件通过props进行数据传递**
      
      // {path:"/test/:id?",component:test,props: {a:"a",b:"b"} }, 对象模式
    **如果 props 是一个对象,它会被按原样设置为组件属性。**
    
      {path:"/test/:id?",component:test,props: route => ({
                                                    id:route.params.id,
                                                    name:route.query.name,
                                                    age:route.hash.split("#")[1]
                                                }) },函数模式
     **你可以创建一个函数返回 props。函数的参数是当前route对象**
                                                
      {
        path:"/user",
        component:user,
        children:[
          {name:"user",path:":id",component:userDeatil }
        ]
      },
      {path:"/",redirect:"/about"}
    ]
    export default routes
    
    
    //哪个组件需要就传参到哪个组件中
    <template>
        <div>test {{id}} - {{name}} -{{age}}</div>
    </template>
    
    <script>
        export default {
            name: "test",
            props:["id","name","age"]
        }
    </script>
    

    9.路由器配置

    routes: 注册路由
    mode
    类型: string
    默认值: “hash” (浏览器环境)
    可选值: “hash” | “history”
    配置路由模式:
    hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。//端口号与path之间有一个#号 刷新页面不会丢失静态资源中的css样式
    history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。 //刷新页面会丢失静态资源中的css样式。解决方案:将index.html中样式引入的路径改为绝对路径

    linkActiveClass
    类型: string
    默认值: “router-link-active”
    全局配置 的默认“激活 class 类名”。

    linkExactActiveClass
    类型: string
    默认值: “router-link-exact-active”
    全局配置 精确激活的默认的 class。

    展开全文
  • Vue 路由配置二级路由配置

    千次阅读 2020-04-18 22:14:41
    Vue 路由配置二级路由配置路由配置二级路由默认首个页面二级路由导致一级路由下的高亮失效 路由配置 我们初始化我们的Vue项目后,打开工程目录src/router下的index.js。我们可以把工程默认的helloworld.vue文件名...

    路由配置

    我们初始化我们的Vue项目后,打开工程目录src/router下的index.js。我们可以把工程默认的helloworld.vue文件名,以及组件名更改。同样也需要在index.js文件中更改引入的文件名和组件名。

    /*index.js 需要更改的地方*/
    import Home from '@/components/pages/home/Home'
    Vue.use(Router) //这里是全局路由配置
    export default new Router({
        mode: 'history',
        routes: [{
                path: '/',
                name: 'Home',
                component: Home
            }]
        })
    

    这里面的routes是指所有的路由,默认情况下,也就是不加mode:history的情况,打开浏览器显示的地址会是,localhost:8080/#/home,mode: 'history’的作用就是去掉“#”符号。需要添加路由 时,我们只需要再在routes添加组件即可,不要忘记引入Vue文件哈。

    import Home from '@/components/pages/home/Home'
    import Roll from '@/components/pages/roll/Roll'
    export default new Router({
        mode: 'history',
        routes: [{
                path: '/',
                name: 'Home',
                component: Home
            },
            {
                path: '/',
                name: 'Roll',
                component: Roll
             }]
      })
                
    

    当我们需要跳转页面时,我们只需要在触发跳转的外层添加router-link标签,此处用法为Vue2.0.

      <router-link to="/Roll" class="tag_item"  >
         <div class="img img2"></div>                   
     </router-link>
    

    二级路由

    当我们需要打开二级标题,或者页面有切换的tab栏时,我们就可以配置二级路由。同样的引入组件的方法,我们把组件引入到index.js 中。

    import Home from '@/components/pages/home/Home'
    import Roll from '@/components/pages/roll/Roll'
    import zhengzaijinxin from '@/components/pages/roll/components/zhengzaijinxin'
    import wocanyude from '@/components/pages/roll/components/wocanyude'
    import yijieshu from '@/components/pages/roll/components/yijieshu'
    Vue.use(Router)
    
    export default new Router({
        mode: 'history',
        routes: [{
                path: '/',
                name: 'Home',
                component: Home
            },
            {
                path: '/roll',
                name: 'Roll',
                component: Roll,
                redirect: '/Roll/zhengzaijinxin',
                children: [{
                        path: '/Roll/zhengzaijinxin',
                        name: 'zhengzaijinxin',
                        component: zhengzaijinxin
    
                    },
                    {
                        path: '/Roll/wocanyude',
                        name: 'wocanyude',
                        component: wocanyude
                    },
                    {
                        path: '/Roll/yijieshu',
                        name: 'yijieshu',
                        component: yijieshu
                    }
                ]
    
            },
    

    这个时候路由已经配置好了,但我们打开页面却发现没有二级路由的页面,那是因为我们没有设置路由出口,在roll页面上加上router-view标签就好啦。

     <div class="tab-item">
                <router-link :to="{ path: '/Roll/yijieshu' }" >
                <div class="world"></div>
                </router-link>
              </div>
           </div>
           <router-view></router-view>
      </div>
    

    默认首个页面

    当我们需要设置默认显示的页面时只需要添加 redirect即可。

     path: '/roll',
      name: 'Roll',
      component: Roll,
      redirect: '/Roll/zhengzaijinxin',
    

    二级路由导致一级路由下的高亮失效

    那是因为我们在配置路由时书写不规范,我们需要在路径前加上一级路由。

      {
                path: '/roll',
                name: 'Roll',
                component: Roll,
                redirect: '/Roll/zhengzaijinxin',
                children: [{
                        path: '/Roll/zhengzaijinxin',
                        name: 'zhengzaijinxin',
                        component: zhengzaijinxin
    
                    },
                    {
                        path: '/Roll/wocanyude',
                        name: 'wocanyude',
                        component: wocanyude
                    },
                    {
                        path: '/Roll/yijieshu',
                        name: 'yijieshu',
                        component: yijieshu
                    }
                ]
    
            },
    

    router-link也是一样的

     <router-link :to="{ path: '/Roll/yijieshu' }" >
    
    展开全文
  • vue 路由(二级配置及详细步骤

    千次阅读 2018-07-27 16:02:00
    1、安装插件(可以选择在初始化项目的时候安装) ...import VueRouter from 'vue-router' 3、将插件注入到vue中(main.js) Vue.use(VueRouter) //全局使用该组件 4、创建组件(需要跳转的...

    1、安装插件(可以选择在初始化项目的时候安装)

    cnpm install vue-router --save-dev  

    2、将插件全局引入到项目中(main.js)

    import VueRouter from 'vue-router'

    3、将插件注入到vue中(main.js)

    Vue.use(VueRouter) //全局使用该组件

    4、创建组件(需要跳转的页面),举例如下:

    5、配置路由(router.js),先引入组件,再写配置,最后导出(export...)

    6、生成router实例(main.js)并传routes(路由)配置

      先将 router.js 引入进来 

    import routers from './router/router'
    const router = new VueRouter({
      mode:'history', //模式
      routes:routers  //routes是一组路由
    })

    7、生成 vue 实例 (main.js),并将路由注入到整个项目

    new Vue({
      el: '#app', //挂载根实例
      router,//注入到根目录中
      components: { App },
      template: '<App/>'
    })

     8、在项目主组件(APP.vue)中写路由跳转,例:

    或者:

    this.$router.push({
        path: '/orderCommit',
        query: {
            date: this.dateValue
        }
    })

    二、二级路由

      1、在一级路由的基础上,路由配置中加上children

      2、在一级组件中加上显示

    OK~

     

    this. $router. push({
    path: '/orderCommit',
    query: {
    date: this. dateValue,
    timeSlot: this. timeState,
    timeSlotLast: this. timeSlotLast,
    tableInfo: myTableInfo,
    tableId: this. tableIdStr,
    isCourt: this. isCourt,
    peopleNum: peopleNum
    }
    })

    转载于:https://www.cnblogs.com/candy-Yao/p/9378120.html

    展开全文
  • vue二级路由设置

    万次阅读 2017-06-01 14:06:35
    项目当中使用vue的时候一定会用到路由,并且二级路由甚至三集路由的需求都是刚需,当然,多级路由的配置方法和二级的是一样的,简单讲讲二级路由的配置吧。  首先把一级路由的结构准备好: 发现 ...

      项目当中使用vue的时候一定会用到路由,并且二级路由甚至三集路由的需求都是刚需,当然,多级路由的配置方法和二级的是一样的,简单讲讲二级路由的配置吧。

          首先把一级路由的结构准备好:

     <router-link to="/discover">
            <div @click="clickFind('发现')">
              <span class="icon-find"></span>
              <p>发现</p>
            </div>
          </router-link>
          <router-link to="/todayStudy">
            <div @click="clickStudy('今日学习')">
              <span class="icon-todayStudy"></span>
              <p>今日学习</p>
            </div>
          </router-link>
          <router-link to="/listenAnyWhere">
            <div @click="clickListen('随时听')">
              <span class="icon-listenAny"></span>
              <p>随时听</p>
            </div>
          </router-link>
          <router-link to="/bought">
            <div @click="clickBought('已购')">
              <span class="icon-areadyBy"></span>
              <p>已购</p>
            </div>
          </router-link>
          <router-link to="/mine">
            <div @click="clickMe">
              <span class="icon-me"></span>
              <p>我</p>
            </div>
          </router-link>
        </div>
        <router-view></router-view>
    在main.js里引入模块,并配置路由:

    import discover from './components/discover/discover.vue';
    import todayStudy from './components/todayStudy/study.vue';
    import listen from './components/listenAnyWhere/listen.vue';
    import bought from './components/bought/bought.vue';
    import mine from './components/mine/mine.vue';

    const routes = [
      {
        path: '/',
        redirect: '/discover'
      },
      {
        path: '/discover',
        component: discover
      },
      {
        path: '/todayStudy',
        component: todayStudy
      },
      {
        path: '/listenAnyWhere',
        component: listen
      },
      {
        path: '/bought',
        component: bought
      },
      {
        path: '/mine',
        component: mine
      }
    ];
    先看效果:


    点击每天听本书后进入下一级:


    在main.js里设置二级路由:

    import thisMouth from './components/discover/detailEveryDay/thisMouth/thisMouth.vue';
    import four from './components/discover/detailEveryDay/fourth/fourth.vue';
    import three from './components/discover/detailEveryDay/three/third.vue';
    import two from './components/discover/detailEveryDay/two/second.vue';
    import one from './components/discover/detailEveryDay/one/first.vue';
    import twel from './components/discover/detailEveryDay/twe/twel.vue';
    import elev from './components/discover/detailEveryDay/elven/elev.vue';

    const routes = [
      {
        path: '/',
        redirect: '/discover'
      },
      {
        path: '/discover',
        component: discover,
        children: [
          {
            path: '/',
            component: thisMouth
          },
          {
            path: '/thisMouth',
            component: thisMouth
          },
          {
            path: '/forthMouth',
            component: four
          },
          {
            path: '/thirdMouth',
            component: three
          },
          {
            path: '/secondMouth',
            component: two
          },
          {
            path: '/firstMouth',
            component: one
          },
          {
            path: '/elMouth',
            component: twel
          },
          {
            path: '/twMouth',
            component: elev
          }
        ]
      },
    在相应的路径下建立各个路由所需模块即可:






    展开全文
  • vue嵌套路由,二级路由使用介绍

    千次阅读 2020-08-14 23:35:23
    vue-router 嵌套路由,二级子路由 项目中如果都是一级路由,路由管理会有些乱。嵌套路由是路由中包含路由的意思,组件中可以有自己的路由导航和路由容器(router-link、router-view),通过配置children可实现多层...
  • 一、起因 打开默认地址 / (http://localhost:8080/... // router.js const childRoutes = [ { name: "index", path: "/index", component: () => import(`../views/index.vue`) }, { name: "about", pat
  • 在上篇已经讲述了脚手架的安装,这篇就深入的理解的脚手架给我带来的方便吧! 首先我们看一下vue组件的结构,看这张图,会发现vue文件中无非...脚手架的一级路由和二级路由的使用: 1.一级路由: (1).在compo...
  • vue-router——路由配置

    2021-06-11 02:01:01
    什我自址哈这工边识框处己按后大都加控不架的么是vue-r比抖朋要插支一圈不者地器享说几outervue年有这只制明个手近天点里要它出水机近天点-router路由插件,这里的路由并不是指我们平时所说的硬件路由器,这里的路由...
  • 分级时,默认打开指定下级的路由,使用redirect属性,其值为子级路由的...二级路由 在main.js中配置路由 // 二级路由 import Contact from './components/about/Contact' import Delivery from './components/ab...
  • vue-router 三路由

    千次阅读 2020-12-10 16:35:19
    1.home.vue <template> <div class="nav"> 一路由首页 <router-link class="nav-item" to="/TestEvaluation">测试评估</router-link> <router-link class="nav-item" to="/...
  • Vue保姆入门教程

    千次阅读 多人点赞 2021-09-18 20:32:48
    文章目录前言一、Vue1.1 Vue介绍1.2 Vue特点1.3 Vue周边库、初始Vue2.1 插值语法2.2 指令语法2.读入数据总结 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也...
  • 安装 安装Vue Router4.x版本目前可以通过 npm install vue-router@4.0.0-alpha.6
  • 菜单: { path: '/realTime', name: 'realTime', meta: { icon: 'md-cloud-uploads', title: '实时监控' }, component: Main, children: [{ path: 'realTime', name: 'realTime', meta: { icon: '...
  • vue-cli 脚手架中webpack 配置基础文件详解一、前言vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入...
  • vue前端环境配置

    2020-04-30 08:40:23
    │ │ └── index.js │ ├── store 应用数据(state) │ │ └── index.js │ └── views 页面目录 │ ├── hello.vue │ └── notfound.vue ├── static 纯静态资源,不会被wabpack构建。...
  • vue2多级路由配置

    2022-01-07 10:00:42
    vue2 多级路由配置
  • 搭建好的vue项目配置文件介绍

    千次阅读 2018-02-01 17:28:33
    当我们初步搭建好vue环境的时候,我们会产生很多文件,下面我们对一些重要的文件做一些简单的介绍,便于大家理解。 build 是我们打包所需的配置文件夹 config 是我们项目的配置文件夹 src 是我们项目开发存放...
  • VUE3.0,DAY63案例准备传递参数路由命名params参数props配置 案例准备 接上一篇案例,我们准备了两个类似按钮的东西,About和Home,点击Home又弹出News和Message。现在我们需要在点击Message下的信息,在弹出详情信息...
  • vue-router路由

    2021-10-19 22:53:57
    vue插槽
  • 2.路由的使用(一路由) 2-1.安装项目 vue init webpack 项目名称 npm run dev 2-2.清空工作 assest: logo.png删除 components: helloWord.vue 删除 App.vue : 内容清空 main.js 2-3.新建三个组件 新建logi
  • Vue Router4路由

    2021-08-04 15:12:48
    Vue Router4路由 官网:https://next.router.vuejs.org/zh/guide/essentials/route-matching-syntax.html 1、在vue-router是什么? Vue.js 的官方路由(就这么简单一句话) 2、Vue Router4 新特性 简单对比总结了...
  • 好程序员Web前端干货详解Vue-Router路由与配置,现在的很多应用都流行SPA应用(singe page application) 。传统的项目大多使用多页面结构,需要切换内容的时候我们往往会进行单个html文件的跳转,这个时候因受到网络...
  • 这里写目录标题一级目录二级目录三级目录 一级目录 二级目录 三级目录
  • VUE.JS的路由配置

    2021-09-07 21:24:12
    介绍 路由:控制组件之间的...在src文件新建文件夹router用来存放路由器配置文件 在routes.js中引入所需要展示的页面 配置路由路径 图中Test02为引入的页面,名称与上方import的值对应 path为定...
  • github部署vueGitHub Pages is a great free option to deploy your Vue application. It’s a static site hosting service that takes files straight from a repository on GitHub. GitHub Pages是部署Vue应用...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,142
精华内容 456
关键字:

vue二级路由的配置

vue 订阅
友情链接: LED.rar