VUE基础 脚手架创建VUE VUE引入element-ui

最新推荐文章于 2024-11-02 08:58:20 发布
最新推荐文章于 2024-11-02 08:58:20 发布
阅读量632 收藏 1
点赞数
分类专栏： web前端 文章标签： vue.js ui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51751186/article/details/124580492
版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

VUE

0 IDEA使用VUE

相信很多后端的小伙伴用不习惯Vscode
那我们使用IDEA来进行开发

1 安装vue插件

在这里插入图片描述

2 配置vue模板

在这里插入图片描述

<template>
#[[$END$]]#
</template>

<script>
export default {
name: "${COMPONENT_NAME}",
data() {
  return {
  }
},
methods: {
}
}
</script>

<style scoped>

</style>

1 概念入门

在这里插入图片描述
在这里插入图片描述
总结一下就是VUE的MVVM模式
让开发人员从繁杂的
DOM操作(VIEW层和Model层交互)中解放
只关心数据放在前端的什么位置

2 vue-指令 单向绑定-双向绑定

1.v-text v-html 插值表达式

v-text 直接拿出原数据
v-html 拿出数据之前以html进行渲染
插值表达式主要写在标签体当中呀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
   
    <div id="app">
        {{msg}}  {{1+1}}  {{hello()}}<br/>
        <span v-html="msg"></span>
        <br/>
        <span v-text="msg"></span>

        
    </div>
   
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        new Vue({
            el:"#app",
            data:{
                msg:"<h1>Hello</h1>",
                link:"http://www.baidu.com"
            },
            methods:{
                hello(){
                    return "World"
                }
            }
        })
    </script>
    
</body>
</html>

2.v-bind(单向绑定)

主要是给Html标签的属性进行绑定
形式
v-bind:属性名=“data中的数据”
:属性名=“data中的数据”
例子
:style=“{color:datacolor,fontsize:datafontsize}”


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <!-- 给html标签的属性绑定 -->
    <div id="app"> 

        <a v-bind:href="link">gogogo</a>

        <!-- class,style  {class名：加上？}-->
        <span v-bind:class="{active:isActive,'text-danger':hasError}"
          :style="{color: color1,fontSize: size}">你好</span>


    </div>

    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        let vm = new Vue({
            el:"#app",
            data:{
                link: "http://www.baidu.com",
                isActive:true,
                hasError:true,
                color1:'red',
                size:'36px'
            }
        })
    </script>

</body>
</html>

3 v-model(双向绑定)

与单向绑定的主要区别就是视图数据改变
vue中的data数据也跟着改变
如果注册登录会经常用吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>


    <!-- 表单项，自定义组件 -->
    <div id="app">

        精通的语言：
            <input type="checkbox" v-model="language" value="Java"> java<br/>
            <input type="checkbox" v-model="language" value="PHP"> PHP<br/>
            <input type="checkbox" v-model="language" value="Python"> Python<br/>
        选中了 {{language.join(",")}}
    </div>
    
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        let vm = new Vue({
            el:"#app",
            data:{
                language: []
            }
        })
    </script>

</body>
</html>

4 v-on 事件绑定

使用
通常放在按钮上

形式（这里以单击事件为例）
v-on:click=“vue中的date数据操作或是函数”
@clicl=“vue中的date数据操作或是函数”

事件修饰符可以阻止事件冒泡(大Div包裹小div 点击小div同时也触发了大div的事件) 阻止默认行为等

按键修饰符
在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="app">
                
        <!--事件中直接写js片段-->
        <button v-on:click="num++">点赞</button>
        <!--事件指定一个回调函数，必须是Vue实例中定义的函数-->
        <button @click="cancle">取消</button>
        <!--  -->
        <h1>有{{num}}个赞</h1>


        <!-- 事件修饰符 -->
        <div style="border: 1px solid red;padding: 20px;" v-on:click.once="hello">
            大div
            <div style="border: 1px solid blue;padding: 20px;" @click.stop="hello">
                小div <br />
                <a href="http://www.baidu.com" @click.prevent.stop="hello">去百度</a>
            </div>
        </div>



        <!-- 按键修饰符： -->
        <input type="text" v-model="num" v-on:keyup.up="num+=2" @keyup.down="num-=2" @click.ctrl="num=10"><br />

        提示：

    </div>
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        new Vue({
            el:"#app",
            data:{
                num: 1
            },
            methods:{
                cancle(){
                    this.num--;
                },
                hello(){
                    alert("点击了")
                }
            }
        })
    </script>
</body>

</html>

5 v-for循环展示

形式
1
v-for=“(item,index) in items” :key=“唯一不重复元素”
这里的:key能加快vue的渲染效率 加不加都可以
2
遍历对象：
v-for=“value in object”
v-for=“(value,key) in object”
v-for=“(value,key,index) in object”

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <div id="app">
        <ul>
            <li v-for="(user,index) in users" :key="user.name" v-if="user.gender == '女'">
                <!-- 1、显示user信息：v-for="item in items" -->
               当前索引：{{index}} ==> {{user.name}}  ==>   {{user.gender}} ==>{{user.age}} <br>
                <!-- 2、获取数组下标：v-for="(item,index) in items" -->
                <!-- 3、遍历对象：
                        v-for="value in object"
                        v-for="(value,key) in object"
                        v-for="(value,key,index) in object" 
                -->
                对象信息：
                <span v-for="(v,k,i) in user">{{k}}=={{v}}=={{i}}；</span>
                <!-- 4、遍历的时候都加上:key来区分不同数据，提高vue渲染效率 -->
            </li>

            
        </ul>

        <ul>
            <li v-for="(num,index) in nums" :key="index"></li>
        </ul>
    </div>
    <script src="../node_modules/vue/dist/vue.js"></script>
    <script>         
        let app = new Vue({
            el: "#app",
            data: {
                users: [{ name: '柳岩', gender: '女', age: 21 },
                { name: '张三', gender: '男', age: 18 },
                { name: '范冰冰', gender: '女', age: 24 },
                { name: '刘亦菲', gender: '女', age: 18 },
                { name: '古力娜扎', gender: '女', age: 25 }],
                nums: [1,2,3,4,4]
            },
        })
    </script>
</body>
</html>

6 v-if和v-show

形式
v-if=“”
v-show-“”
他们两个区别是v-if为false的话F12是看不到对应代码的
这样做会改变DOM树
因此v-show效率更高些

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 
        v-if，顾名思义，条件判断。当得到结果为true时，所在的元素才会被渲染。
        v-show，当得到结果为true时，所在的元素才会被显示。 
    -->
    <div id="app">
        <button v-on:click="show = !show">点我呀</button>
        <!-- 1、使用v-if显示 -->
        <h1 v-if="show">if=看到我....</h1>
        <!-- 2、使用v-show显示 -->
        <h1 v-show="show">show=看到我</h1>
    </div>

    <script src="../node_modules/vue/dist/vue.js"></script>
        
    <script>
        let app = new Vue({
            el: "#app",
            data: {
                show: true
            }
        })
    </script>

</body>

</html>

7 v-else和v-else-if

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <button v-on:click="random=Math.random()">点我呀</button>
        <span>{{random}}</span>

        <h1 v-if="random>=0.75">
            看到我啦？！ &gt;= 0.75
        </h1>

        <h1 v-else-if="random>=0.5">
            看到我啦？！ &gt;= 0.5
        </h1>

        <h1 v-else-if="random>=0.2">
            看到我啦？！ &gt;= 0.2
        </h1>

        <h1 v-else>
            看到我啦？！ &lt; 0.2
        </h1>

    </div>


    <script src="../node_modules/vue/dist/vue.js"></script>
        
    <script>         
        let app = new Vue({
            el: "#app",
            data: { random: 1 }
        })     
    </script>
</body>

</html>

8 计算属性和侦听器

1 computed 和 watch

computed在其中一个元素变化时就会调用
watch在它监听的元素变化时会被调用

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <!-- 某些结果是基于之前数据实时计算出来的，我们可以利用计算属性。来完成 -->
        <ul>
            <li>西游记； 价格：{{xyjPrice}}，数量：<input type="number" v-model="xyjNum"> </li>
            <li>水浒传； 价格：{{shzPrice}}，数量：<input type="number" v-model="shzNum"> </li>
            <li>总价：{{totalPrice}}</li>
            {{msg}}
        </ul>
    </div>
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        //watch可以让我们监控一个值的变化。从而做出相应的反应。
        new Vue({
            el: "#app",
            data: {
                xyjPrice: 99.98,
                shzPrice: 98.00,
                xyjNum: 1,
                shzNum: 1,
                msg: ""
            },
            computed: {
                totalPrice(){
                    return this.xyjPrice*this.xyjNum + this.shzPrice*this.shzNum
                }
            },
            watch: {
                xyjNum(newVal,oldVal){
                    if(newVal>=3){
                        this.msg = "库存超出限制";
                        this.xyjNum = 3
                    }else{
                        this.msg = "";
                    }
                }
            },
        })
    </script>

</body>

</html>

2 过滤器(全局和非全局)

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 过滤器常用来处理文本格式化的操作。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 -->
    <div id="app">
        <ul>
            <li v-for="user in userList">
                {{user.id}} ==> {{user.name}} ==> {{user.gender == 1?"男":"女"}} ==>
                {{user.gender | genderFilter}} ==> {{user.gender | gFilter}}
            </li>
        </ul>
    </div>
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>

        Vue.filter("gFilter", function (val) {
            if (val == 1) {
                return "男~~~";
            } else {
                return "女~~~";
            }
        })

        let vm = new Vue({
            el: "#app",
            data: {
                userList: [
                    { id: 1, name: 'jacky', gender: 1 },
                    { id: 2, name: 'peter', gender: 0 }
                ]
            },
            filters: {
                 filters 定义局部过滤器，只可以在当前vue实例中使用
                genderFilter(val) {
                    if (val == 1) {
                        return "男";
                    } else {
                        return "女";
                    }
                }
            }
        })
    </script>
</body>

</html>

9 vue组件化概念

在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <div id="app">
        <button v-on:click="count++">我被点击了 {{count}} 次</button>

        <counter></counter>
        <counter></counter>
        <counter></counter>
        <counter></counter>
        <counter></counter>

        <button-counter></button-counter>
    </div>
    <script src="../node_modules/vue/dist/vue.js"></script>


    <script>
        //1、全局声明注册一个组件
        Vue.component("counter", {
            template: `<button v-on:click="count++">我被点击了 {{count}} 次</button>`,
            data() {
                return {
                    count: 1
                }
            }
        });

        //2、局部声明一个组件
        const buttonCounter = {
            template: `<button v-on:click="count++">我被点击了 {{count}} 次~~~</button>`,
            data() {
                return {
                    count: 1
                }
            }
        };

        new Vue({
            el: "#app",
            data: {
                count: 1
            },
            components: {
                'button-counter': buttonCounter
            }
        })
    </script>
</body>

</html>

10 vue生命周期和钩子函数

在这里插入图片描述
简单进行总结
create 加载数据模型和方法 加载html模板
mount 渲染Html
update 更新html模板

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <span id="num">{{num}}</span>
        <button @click="num++">赞！</button>
        <h2>{{name}}，有{{num}}个人点赞</h2>
    </div>

    <script src="../node_modules/vue/dist/vue.js"></script>
    
    <script>
        let app = new Vue({
            el: "#app",
            data: {
                name: "张三",
                num: 100
            },
            methods: {
                show() {
                    return this.name;
                },
                add() {
                    this.num++;
                }
            },
            beforeCreate() {
                console.log("=========beforeCreate=============");
                console.log("数据模型未加载：" + this.name, this.num);
                console.log("方法未加载：" + this.show());
                console.log("html模板未加载：" + document.getElementById("num"));
            },
            created: function () {
                console.log("=========created=============");
                console.log("数据模型已加载：" + this.name, this.num);
                console.log("方法已加载：" + this.show());
                console.log("html模板已加载：" + document.getElementById("num"));
                console.log("html模板未渲染：" + document.getElementById("num").innerText);
            },
            beforeMount() {
                console.log("=========beforeMount=============");
                console.log("html模板未渲染：" + document.getElementById("num").innerText);
            },
            mounted() {
                console.log("=========mounted=============");
                console.log("html模板已渲染：" + document.getElementById("num").innerText);
            },
            beforeUpdate() {
                console.log("=========beforeUpdate=============");
                console.log("数据模型已更新：" + this.num);
                console.log("html模板未更新：" + document.getElementById("num").innerText);
            },
            updated() {
                console.log("=========updated=============");
                console.log("数据模型已更新：" + this.num);
                console.log("html模板已更新：" + document.getElementById("num").innerText);
            }
        });
    </script>
</body>

</html>

10 使用vue脚手架进行模块化开发

# 安装webpack
npm install webpack -g

# 安装vue脚手架
npm install -g @vue/cli-init  

# 初始化vue项目
vue init webpack vue-demo

# 访问8080端口
npm run dev

初始化时的选项参考
在这里插入图片描述

路由的两种写法  第一种不用再Import导入了
{
      path: '/hello',
      name: 'Hello',
      component: () => import(/* webpackChunkName: "about" */ '../components/Hello')
    },

    // {
    //   path: '/hello',
    //   name: 'Hello',
    //   component: Hello
    // },
 }

11 vue中使用element-ui

在自己的项目目录下输入
在这里插入图片描述

npm i element-ui -S

在这里插入图片描述
把这三个内容引入到main.js当中

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});
qwecxzz
关注
专栏目录
VUE脚手架-Element-UI
qq_45129167的博客
12-26 611
Vue 脚手架的基本用法 npm install -g @vue/cli 基于3.x版本的脚手架创建vue项目 利用交互式命令行来创造项目 完成 vue ui 3. 基于 2.x 的旧模板，创建 旧版 vue 项目 npm install -g @vue/cli-init vue init webpack my-project 完成 Vue 脚手架 Vue 脚手架生成的项目结构分析 Vue 脚手架的自定义配置 "vue": { "devServer": {
Vue-cli脚手架项目引入Element-Ui不生效问题
weixin_43403746的博客
09-27 2152
背景： 已经很久没有初始化项目了，今天在初始化项目引入element-ui插件时发现居然没有生效，最直观的就是没有标签提示。我是通过npm安装element-ui。 npm i element-ui -S 然后在main.js文件中引入了安装好的element-ui并使用。 但使用时并没有标签提示，而且效果也没有出来。 解决方案： 查了后才发现，除了要引入element-ui外，还需要引入它对应的css包，也就是需要将下面这句话写入到main.js中。 import ‘element-ui/lib
vue脚手架项目使用element-ui
zfy980829的博客
11-17 966
elementui
搭建VUE脚手架 + 引入element-ui
qq_28263801的博客
11-22 3137
转载路径：https://segmentfault.com/a/1190000011023102 从新建vue项目到引入组件Element 一、新建项目 1.查看 node和npm是不是已经安装好命令：node -v npm -v (没有安装的先安装环境); 2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装...
vue脚手架按需导入引入element-ui
小白前端
02-16 471
按需引入 借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 首先，安装 babel-plugin-component： npm install babel-plugin-component -D 降babel.config.js文件修改为： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], "plugins": [ [ ".
Vue开发实例（三）项目引入Element-UI
Daniel
03-02 784
Vue2、Vue3脚手架不同方式引入element_ui的调试及测试
vue 脚手架搭建 以及 element ui 库的引入
weixin_68266812的博客
06-07 471
​ 介绍 ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。 ​
vue-cli4.5创建Vue3.x引入element-ui
小菜吉的博客
12-04 947
最近要写登录界面，但要求是用ElementUI，所以去官网看了一下，也遇到了挺多的问题，所以在此和大家分享一下， 首先，我的脚手架和vue版本是最新的， 由于elemnetui目前完美支持Vue2.0，所以vue3要用，就需要用到plus版本了，我去官网看了， # NPM $ npm install element-plus --save 我安装完，问题好多，在node_modules里显示是已经安装好elementui了，但是还是报错 去查了一下，网上说，把theme_defau.
快速上手 Vue 和 Element-UI 组件库
热门推荐
程序猿追的博客
12-19 5万+
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。 Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。
vue- cli和Element-UI
weixin_45650502的博客
10-18 363
Vue脚手架 vue脚手架的基本用法 Vue脚手架用于快速生成vue项目基础架构 使用步骤： 安装vue脚手架： npm install -g @vue/cli 使用脚手架创建vue项目 // 1.基于交互式命令行的方式，创建 新版vue项目 vue create my-project # OR // 2.基于图形化界面的方式，创建 新版vue项目 vue ui // 3.基于旧版本，创建旧版vue项目 npm install -g @vue/cli-init vue init webpack my-
vue-element-ui-scaffold-webpack4:vue下基于webpack4构建的多页面、多环境方案脚手架项目（使用了element-ui，可替换为其他）
04-27
vue-element-ui-scaffold-webpack4 注： 目前已升级为webpack5，如需要使用webpack4，可切换分支：git checkout webpack4。 **vue3 + element-ui + webpack5 版本：可切换分支：git checkout vue3 ** 本项目为vue下...
vue-element-admin-4.4.0.zip
03-01
在Vue.js的基础上，"vue-element-admin"是一个基于Element UI的后台管理系统模板。Element UI是饿了么团队推出的一套轻量级的前端UI库，它提供了丰富的组件，如表格、按钮、对话框、通知等，让开发者能够快速构建出...
学习vue-element-admin，优化了大量融入代码，添加中文注释
05-16
Vue-element-admin是基于Vue.js和Element UI的后台管理系统模板，它提供了丰富的功能组件和优雅的UI设计，便于快速搭建企业级后台系统。 在“学习vue-element-admin，优化了大量融入代码，添加中文注释”的项目中，...
TypeError: Cannot read property ‘parentNode‘ of undefined.
DN金猿的博客
10-29 349
使用node js+vue+element plus开发。
扩展el-table，实现当showOverflowTooltip时，鼠标可移入tooltip功能
Bitter的博客
11-01 223
1.在utils里创建elTable.js。2.在main.js中引入 并绑在vue上。
基于SSM+VUE历史车轮网站JAVA|VUE|Springboot计算机毕业设计源代码+数据库+LW文档+开题报告+答辩稿+部署教+代码讲解
卓越软件开发的博客
11-01 751
源代码+数据库+LW文档（1万字以上）+开题报告+答辩稿部署教程+代码讲解+代码时间修改教程。
Vue.js 构建可复用的组件
Davina_yu的博客
10-31 405
通过以上步骤，创建了一个可复用的按钮组件，并在主应用中注册和使用了它。这样的组件可以很容易地在不同的场景下重复使用，只需传递不同的属性即可定制其外观和行为。这对于构建大型的、复杂的前端应用是非常有用的。
el-table type=“selection“换页多选数据丢失的解决办法
weixin_46112174的博客
11-01 227
设置以后就可以保留之前选中的选项，但还要设置row-key。element里有一个。
基于Node.js+Vue+MySQL实现的（Web）图书管理系统
最新发布
神仙别闹的自留地
11-02 608
可对图书信息进行浏览、编辑（包括对图书的修改、入库、删除）浏览图书信息编辑图书信息：修改、入库、删除每天自动触发一次，扫描视图 reader_borrow，若发现当前有预期归还时间小于当前时间，则判断为超期，生成处罚记录，这个定时器将每天定时触发存储过程 proc_gen_ticketENABLE读者 0003 借了图书 0001，生成借书记录 reader_borrow 视图当他在 1 月 9 日前还书，没有生成罚单当他在 1 月 9 日后还书，生成罚单1）导航：/book。
vue2.0 + vue-cli + element-ui：详解树形table实现
本文将详细介绍如何使用Vue 2.0结合vue-cli和element-ui创建一个树形treeTable组件。首先，我们回顾一下vue-cli的基础安装与项目结构生成。vue-cli是一个用于构建Vue项目的脚手架工具，全局安装后，通过`vue init ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qwecxzz

鸡腿

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值