Vue——23——路由

最新推荐文章于 2023-08-27 16:06:49 发布
最新推荐文章于 2023-08-27 16:06:49 发布
阅读量200 收藏
点赞数
分类专栏： VUE框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x1037490413/article/details/107345895
版权

文章目录

一:vue-router

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
</head>
<body>
    <div id="app">
        <a href="#/login">登录</a>
        <a href="#/register">注册</a>
        <!-- 这是vue-router提供的元素,专门用来当做占位符的,将来路由规则匹配到的组件就会展示到这个router-view中去
        所以,我们可以把router-view认为是一个占位符 -->
        <router-view></router-view>
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        /* 组件名称 不能放path里面
        Vue.component('login',{
            template:"<h1>登录组件</h1>"
        })*/
        //创建一个路由对象,当导入vue-router包之后,在window全局对象中,就有了一个路由的构造函数,叫做VueRouter
        //在new路由对象的时候,可以为构造函数传递一个配置对象
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //每个路由规则.都是一个对象,这个规则对象身上有两个必须得属性
            //属性1是path,表示监听哪个路由链接地址
            // 属性2是component表示如果路由是前面匹配到的path,则展示component 属性对应的那个组件
            //注意:component的属性值必须是一个组件的模板对象,不能是组件名称
            {path:'/login',component:login},
            {path:'/register',component:register}
            ]
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

二:router-link的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
</head>
<body>
    <div id="app">
        <!--不推荐使用 <a href="#/login">登录</a>
        <a href="#/register">注册</a> -->
        <!-- router-link 默认渲染为一个a标签 如果想让它渲染别的标签 加tag即可-->
        <router-link to="/login" tag="span">登录</router-link>
        <router-link to="/register">注册</router-link>

        <router-view></router-view>
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        /* 组件名称 不能放path里面
        Vue.component('login',{
            template:"<h1>登录组件</h1>"
        })*/
        //创建一个路由对象,当导入vue-router包之后,在window全局对象中,就有了一个路由的构造函数,叫做VueRouter
        //在new路由对象的时候,可以为构造函数传递一个配置对象
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //每个路由规则.都是一个对象,这个规则对象身上有两个必须得属性
            //属性1是path,表示监听哪个路由链接地址
            // 属性2是component表示如果路由是前面匹配到的path,则展示component 属性对应的那个组件
            //注意:component的属性值必须是一个组件的模板对象,不能是组件名称
            {path:'/login',component:login},
            {path:'/register',component:register}
            ]
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

三:redirect重定向的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
</head>
<body>
    <div id="app">
        <!--不推荐使用 <a href="#/login">登录</a>
        <a href="#/register">注册</a> -->
        <!-- router-link 默认渲染为一个a标签 如果想让它渲染别的标签 加tag即可-->
        <router-link to="/login" tag="span">登录</router-link>
        <router-link to="/register">注册</router-link>
        <router-view></router-view>
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //这里的redirect和Node中的redirect完全是两码事
            //如果是根路径,重新跳转到/login 强制的区展示某个组件
            {path:'/',redirect:'/login'},
            {path:'/login',component:login},
            {path:'/register',component:register}
            ]
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

四:设置路由高亮的两种方式

官方API上有默认类
在这里插入图片描述我们也可以在控制台的Elements上看到,点击哪个组件,这个类就跳到哪个组件身上
在这里插入图片描述

1.第一种方式使用默认类名设置样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
    <style>
        .router-link-active{
            color: black;
            line-height: 20px;
            text-decoration: none;
            padding: 5px;
            background: #e2214b;
        }
    </style>
</head>
<body>
    <div id="app">
        <!--不推荐使用 <a href="#/login">登录</a>
        <a href="#/register">注册</a> -->
        <!-- router-link 默认渲染为一个a标签 如果想让它渲染别的标签 加tag即可-->
        <router-link to="/login" tag="span">登录</router-link>
        <router-link to="/register">注册</router-link>
        <router-view></router-view>
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //这里的redirect和Node中的redirect完全是两码事
            //如果是根路径,重新跳转到/login 强制的区展示某个组件
            {path:'/',redirect:'/login'},
            {path:'/login',component:login},
            {path:'/register',component:register}
            ]
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

2.通过linkActiveClass全局配置 自定义类名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
    <style>
        .myactive{
            color: black;
            line-height: 20px;
            text-decoration: none;
            padding: 5px;
            background: #e2214b;
        }
    </style>
</head>
<body>
    <div id="app">
        <!--不推荐使用 <a href="#/login">登录</a>
        <a href="#/register">注册</a> -->
        <!-- router-link 默认渲染为一个a标签 如果想让它渲染别的标签 加tag即可-->
        <router-link to="/login" tag="span">登录</router-link>
        <router-link to="/register">注册</router-link>
        <router-view></router-view>
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //这里的redirect和Node中的redirect完全是两码事
            //如果是根路径,重新跳转到/login 强制的区展示某个组件
            {path:'/',redirect:'/login'},
            {path:'/login',component:login},
            {path:'/register',component:register}
            ],
            linkActiveClass:'myactive'
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

五:为路由切换启动动画

因为无论是登录还是注册最终都是在router-view里来展示,所以可以用transition将它包裹起来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
    <style>
        .myactive{
            color: black;
            line-height: 20px;
            text-decoration: none;
            padding: 5px;
            background: #e2214b;
        }
        .v-active,.v-leave-to{
            opacity: 0;
            transform:translateX(140px)
        }
        .v-enter-active,.v-leave-active{
            transition:all 0.5s ease
        }
    </style>
</head>
<body>
    <div id="app">
        <!--不推荐使用 <a href="#/login">登录</a>
        <a href="#/register">注册</a> -->
        <!-- router-link 默认渲染为一个a标签 如果想让它渲染别的标签 加tag即可-->
        <router-link to="/login" tag="span">登录</router-link>
        <router-link to="/register">注册</router-link>
        <transition mode="out-in">
         <router-view></router-view>
        </transition>
       
    </div>
    <script>
        //组件的模板对象
        var login={
            template:"<h1>登录组件</h1>"
        }
        var register={
        template:"<h1>注册组件</h1>"
        }
        
        var routerObj=new VueRouter({
            //route 这个配置对象中的route表示[路由匹配规则]的意思
            routes:[//路由匹配规则
            //这里的redirect和Node中的redirect完全是两码事
            //如果是根路径,重新跳转到/login 强制的区展示某个组件
            {path:'/',redirect:'/login'},
            {path:'/login',component:login},
            {path:'/register',component:register}
            ],
            linkActiveClass:'myactive'
        })
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
            router:routerObj//将路由规则对象,注册到vm实例上,用来监听URL地址的变化.然后展示对应的组件
         })
    </script>
   
</body>
</html>

六:路由传参

1.使用query方式传递参数

控制台输入vm.我们可以看到vm实例的参数,在$route里可以看到query里面有我们要查询的,如果忘了怎么拿可以通过这个方式查看
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
    <style>
        .myactive{
            color: black;
            line-height: 20px;
            text-decoration: none;
            padding: 5px;
            background: #e2214b;
        }
        .v-active,.v-leave-to{
            opacity: 0;
            transform:translateX(140px)
        }
        .v-enter-active,.v-leave-active{
            transition:all 0.5s ease
        }
    </style>
</head>
<body>
    <div id="app">
        <!-- 如果在路由中,使用查询字符串, 给路由传递参数,则不需要修改路由规则的path属性-->
        <router-link to="/login?id=10&name=xx">登录</router-link>
        <router-link to="/register">注册</router-link>
    <router-view></router-view>
    </div>
    <script>
     var login={
         template:"<h1>登录---{{msg}}---{{$route.query.id}}---{{$route.query.name}}</h1>",
       data(){
           return {
            msg:'ss'
           }
       },
         created(){ //组件的生命周期钩子函数
        //  console.log(this.$route);
        console.log(this.$route.query.id);
        console.log(this.$route.query.name);
         }
     }
     var register={
         template:"<h1>注册</h1>"
     }
        var router=new VueRouter({
            routes:[
            {path:'/login',component:login},
            {path:'/register',component:register}
            ]
        })
      
         var vm=new Vue({
             el:"#app",
             data:{
                
             },
             methods: {
                 
             },
             // 简写router:router
             router
           
         })
    </script>
   
</body>
</html>

2.通过params方式传参

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
</head>
   <div id="app">
       <router-link to="/login/12/xx">登录</router-link>
       <router-link to="/register">注册</router-link>
    <router-view></router-view>
   </div>
<body>

    <script>
        
        var login={
            template:'<h1>登录---{{$route.params.id}}---{{$route.params.name}}</h1>',
            created() {
                // console.log(this.$route.params.id)
            },
        }
        var register={
         template:'<h1>注册</h1>'
        }
        var router=new VueRouter({
        routes:[
            {path:'/login/:id/:name',component:login},
            {path:'/register',component:register}
            ]
        })
        var vm = new Vue({
            el: "#app",
            data: {

            },
            methods: {

            },
            // 简写router:router
            router

        })
    </script>

</body>

</html>

七.使用children属性实现路由嵌套

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
</head>

<body>
    <div id="app">
        <router-link to="/account">Account</router-link>
         <router-view></router-view>
    </div>
    <template id="tmp1">
        <div>
            <h1>这是Account组件</h1>
            <router-link to="/account/login">登录</router-link>
            <router-link to="/account/register">注册</router-link>
            <!-- 登录和注册都属于这个account里的,所以再加一个router-view,这样才显示得出来 -->
            <router-view></router-view>
        </div>
    </template>
    <script>
       var account={
           template:'#tmp1'
       }
       var login={
           template:"<h3>登录</h3>"
       }
       var register={
           template:"<h3>注册</h3>"
       }
       var router=new VueRouter({
           routes:[
               {path:'/account',component:account,
               children:[
                   {path:'login',component:login},
                   {path:'register',component:register}
               ]}
               ]
       })
        var vm = new Vue({
            el: "#app",
            data: {

            },
            methods: {

            },
            // 简写router:router
            router,
        })
    </script>

</body>

</html>

八:命名视图实现经典布局

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/vue.js"></script>
    <!-- 安装vue-router路由模块 -->
    <script src="../lib/vue-router-3.0.1.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        h1 {
            margin: 0;
            padding: 0;
        }

        .header {
            background-color: khaki;
            height: 80px;
        }
        .container{
            height: 400px;
            display: flex;
        }
        .left{
            background-color:darkmagenta;
            flex: 2;
        }
        /* 设置flex之后 left占2/10,main占8/10 */
        .main{
            background-color:honeydew;
            flex: 8;
        }
    </style>
</head>

<body>
    <div id="app">
        <router-view></router-view>
        <div class="container">
            <router-view name="left"></router-view>
            <router-view name="main"></router-view>
        </div>
    </div>
    <script>
        var header = {
            template: "<h1 class='header'>我是头部</h1>"
        }
        var leftBox = {
            template: "<h1 class='left'>Left侧边栏区域</h1>"
        }
        var mainBox = {
            template: "<h1 class='main'>mainBox主题区域</h1>"
        }
        var router = new VueRouter({
            routes: [{
                path: '/',
                components: {
                    "default": header, //default是默认的意思
                    "left": leftBox,
                    "main": mainBox
                }
            }]
        })
        var vm = new Vue({
            el: "#app",
            data: {

            },
            methods: {

            },
            // 简写router:router
            router
        })
    </script>

</body>

</html>
野生小米椒
关注
专栏目录
VUE路由去掉“#”
g2526的博客
09-21 2530
问题：今天做项目优化 发现地址栏带了个#号，觉得有点丑，想要去掉 解决方法：在路由文件把mode改为history,原来是hash,果然解决掉了 带#号的问题。 但是又发现个新问题，在根目录引入的静态文件 是没有问题的，但是在子页面引用的静态文件就会有问题，引入静态文件是加个@号引入。 同样的引入方式同样的文件，home页是能加载出来的，子页面就加载不出来，然后度娘找了下答案，原来是因为hash模式下,根路径是不会变的，但是使用history模式后，根路径就不固定了。 那么这种引入方式就不可
VUE学习：vue基础23————组件：组件的状态保持
GAlbinus的博客
05-31 605
提示： 本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持 VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时keep-alive组件包裹的动态组件 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 组件的状态保持 直接切换两个标签 <!DOCTYPE html> <html lang="en"> <head> <meta
vue修改路由模式
Allen-Ye博客
08-10 2756
正常来说vue的路由是hash模式，如何修改路由模式，请看下面
Vue 去除路由路径中的#
最新发布
xy的博客
08-27 1176
问题 访问路径的时候，会出现#，想去除 ``` import { createRouter, createWebHashHistory } from "vue-router" import Auth from "../views/Auth.vue" // 定义路由 const routers = [{ path:"/", redirect:"/auth" },{ ...
electron-vue中的路由跳转路径解析path.resolve结果与在浏览器中的web项目解析结果不一致问题解决办法！
DLGDark的博客
04-09 2449
在普通web项目中： console.log(this.basePath); // '/menuMg' console.log(routePath); // 'index' console.log(path.resolve(this.basePath, routePath)); // '/menuMg/index' 在electron项目中： console.log(this.basePath); // '/menuMg' console.log(routePath); // 'index'
vue——路由
weixin_52984349的博客
11-28 1820
vue——路由
vue——路由的props
cc_xxo的博客
03-05 1065
由于获取传输数据时$route.params会会多次出现，给路由配置props属性可减轻代码的编写 需要在接收参数的组件配置相应的props 配置方式1、props: {key:value} routes: [ { path: 'message', component: MyMessage, children: [ { name: 'HomeMessageDetail', path: 'detail/:id/:title', component: MyDetail
vue——路由之动态注册路由、守卫路由、仓库vuex、UI框架
qq_56668869的博客
09-14 1981
动态注册路由、守卫路由、仓库vuex、UI框架
Vue —— 路由
weixin_54966486的博客
03-18 675
路由 下载 router 并使用 ： vue-router3 只能在 vue2 中使用 npm i vue-router@3 vue-router4 只能在 vue3 中使用 npm i vue-router@4 案例 router-link 写法 app.vue <template> <div> <h1>欢迎来到这里！！！</h1> <hr> <h1&gt.
vue——路由独有的生命周期函数 activated deactivated
cc_xxo的博客
03-06 1088
activated：路由组件被激活时触发 deactivated：路由组件失活时触发 当 使用了 <keep-alive> </keep-alive>之后跳转到其他组件时，之前的组件不会被销毁 这时配置在beforeDestroy()中的方法就不会生效可能会产生资源浪费达不到想要的效果 例如 mounted(){ this.timmer = setInterval(()=>{ console.log('hello word') }) }, beforeDestroy(
vue 打包路由报错_electron,webpack_electron + vue2.0 + webpack + vue-router 打包项目后，路由无效？，electron,webpack,vu...
weixin_30670123的博客
02-22 881
electron + vue2.0 + webpack + vue-router 打包项目后，路由无效？electron + vue2.0 + webpack + vue-router 打包项目后，以index.html/login 这样的形式访问不了路由，在开发模式下，用http:localhost:8080/login这样是可以的。我也找过一些资料，问过一些群的朋友，说是要建立web服务，但是...
【Vue】去掉默认地址栏的#以及后续问题
coralime的博客
02-24 2182
启动vue项目后，地址栏会默认带一个# 原因是vue-router提供了两种模式，一种Hash模式（默认），一种History模式。 vue-router 默认为 hash 模式，当 URL 改变时，页面不会重新加载，只是根据 hash 来更换显示对应的组件，这就是所谓的单页面应用。 在Hash模式下路由地址会默认带一个#，修改成History模式就行了。 在/router/index.js页面下，修改mode方式 const router = new VueRouter({ mode:
Uncaught Error: [vue-router] “path“ is required in a route configuration 的解决方案
狮子座的男孩
08-23 1万+
中文翻译：未捕获的错误：[vue-router]“路径”在路由配置中是必需的。看到提示，肯定是 vue-router 的 path 的原因报错；
不用history模式解决第三方平台访问Vue项目把#号变成百分号23导致项目404的问题
类人猿
06-09 2425
不用history模式解决第三方平台访问Vue项目把#号变成%23导致项目404的问题解决Vue项目访问路径带#的问题第一步 部署好Vue项目第二部 搭建一个Nginx代理总结相关Nginx使用文档请查阅Nginx官方地址 解决Vue项目访问路径带#的问题 我们都知道，vue项目部署后访问，路径是#号，虽然可以使用history模式，但是由于要配置后端，而且坑比较多，难以解决，今天就以本人的真...
router.addRoute()报错 Uncaught Error: [vue-router] “path” is required in a route configuration
hupei
02-08 5718
Uncaught Error: [vue-router] "path" is required in a route configuration（未捕获错误：[vue-router]："路径"在路由配置中是必需的）
[vue-router] “path“ is required in a route configuration报错
xaiolele的博客
05-22 2775
原因 在router.js文件里配置路由时，不能写空{},在程序里写了空{}是不会报错的，但在程序运行时扫描{}中没有path时会报错 解决方法 删除{}或者在{}里补全配置至少又要path，和component 正确例子 routes: [ { path: '/', name: 'home', component: Home, redirect: '/index',
Error: [vue-router] “path“ is required in a route configuration.
热门推荐
WEB前端李志杰
03-31 2万+
vue 项目：Uncaught Error: [vue-router] “path” is required in a route configuration. 原本自己的代码，因为在调试的时候看到了一行警告 // 警告 vue-router.esm.js?8c4f:16 [vue-router] router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead. 想
qiankun-[vue-router] “path“ is required in a route configuration
weixin_44263646的博客
05-12 887
路由配置的path字段缺少： 1.先检查路由配置的path是否完整 2.路由配置没问题的话，检查router的用法，比如 router.push(’/404’) ，改为 router.push({path:’/404’}) 第2个解决方法，也是自己通过报错路径一步一步debug找到的问题所在。 ...
Vue 路由守卫与登录态管理实战解析
"vue路由守卫+登录态管理实例分析" Vue.js是一款流行的前端框架，它提供了强大的路由管理和组件化功能。在实际项目中，我们常常需要实现用户登录态的管理，确保只有登录后的用户才能访问特定的页面。本文将通过一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值