vue3响应式数据的相关函数

最新推荐文章于 2024-06-07 10:18:36 发布
最新推荐文章于 2024-06-07 10:18:36 发布
阅读量2.4k 收藏
点赞数 1
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53584564/article/details/124325273
版权

问题

在初次使用vue3的时候，页面上有一个点击按钮，当点击按钮的时候页面数据发生相应的改变。

在这里插入图片描述

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    let data = {
      num: 0,
    };

    let say = "hello";

    function add() {
      data.num++;
      say = "Vue3";
    }

    return { data, add, say };
  },
};

然而无论怎么点击也无法实现效果
在这里插入图片描述

原因是vue3中的数据响应式需要引入vue内置的方法实现

1 ref函数

vue3中提供了ref来创建基本数据的响应式，

// 引入ref函数
import { ref } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 使用ref接收数据参数， 返回响应处理的data数据

    let data = ref({
      num: 0,
      o: ["1", 2],
    });

    let say = ref("hello");

    function add() {
      
      data.value.num++;
      
      data.value.o[data.value.o.length] = "4";
      
      say.value = "Vue3";

      console.log(data.value);
    }

    return { data, add, say };
  },
};

注意：使用ref函数的话，在setup中获取数据需要.value属性

在这里插入图片描述

可以发现， 数据已经是响应式了

这里先暂停一下，我们先去看一下经过ref包装之后的数据是什么样的？

import { ref } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
	// 使用ref接收数据参数， 返回响应处理的data数据

    let data = ref({
      num: 0,
      o: ["1", 2],
    });

    let say = ref("hello");

    function add() {
   	  data.value.num++;
      
      data.value.o[data.value.o.length] = "4";
      
      say.value = "Vue3";

      console.log(data.value);
    }

    return { data, add, say };
  },
};
  • 经过ref函数包装 之后，会为包装的数据进行一个(Proxy)代理，包装一个响应式对象,对象中创建一个属性value，保存着传入的数据。
  • 当包装返回的实例属性value发生改变的时候(定义的响应式数据改变)，便会被代理检测，检测到数据变化则会重新触发渲染
  • 当使用ref包装一个引用数据的时候，ref会使用reactive函数， 它会将引用数据对象中的所有属性(包括深层属性)创建ref，同时为每一个包装的实例添加value属性，这个value保存的也就是对应的属性值，ref也就实现了引用数据类型的响应式

这里打印经过包装的引用类型数据

Proxy {num: 0}

2 reactive

reactive可以处理数据响应式问题

和ref不同的是，reactive可以深层代理数据

import { ref, reactive } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
	// 使用ref接收数据参数， 返回响应处理的data数据

      let data = reactive({
          num: 0,
          o: ["1", 2],
      });

    let say = ref("hello");

    function add() {
   	  data.num++;
      
      data.o[data.o.length] = "4";
      
      say.value = "Vue3";

      console.log(data);
    }

    return { data, add, say };
  },
};

在这里插入图片描述
reactive为传入的数据包装ref，生成value，利用Proxy代理检测数据变化。

注意：一般引用数据类型添加响应式使用reactive， 基本数据类型使用ref

响应是数据与源数据引用问题：

  • 在ref中
    根据数据类型保持与源数据的引用关系来决定源数据是否改变（基本数据不保持引用关系，引用数据保持引用关系），即修改ref返回的基本类型数据不会改变源数据，但是修改引用乐行数据会改变源数据
// 引入ref函数
import { ref } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      },
      str = "hello";

    // 包装ref
    let refData = ref(data),
      dataStr = ref(str);

    function add() {
      // 改变两种类型数据的响应式
      refData.value.num++;

      refData.value.o.push("233");

      refData.value.job.wage += 1000;

      dataStr.value = "Vue3!";
    }

    // 返回响应数据和响应数据
    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述

源数据中，对象源数据发生改变，而基本数据类型数据没有改变

  • 在reactive中
    因为在ref中代理对象时是引用Reactive方法，所以最终reactive代理展现的效果与ref代理对象的效果无异(reactive代理基本数据类型也不会修改源数据，代理引用数据类型会修改源数据)

  • 两种情况本质上就是数据类型决定源数据的改变

3 toRef

创建一个ref对象，这个响应式对象的value引用了接收的对象的某个响应式属性，且与源数据保持引用关系

// 引入ref函数
import { ref, toRef, reactive } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
      },
      str = "hello";

    // 为数据添加响应式
    let refData = reactive(data);

    // 创建一个ref对象，这个对象的value保持对传入对象属性的引用
    // 当想要单独提取出响应式对象中的响应式属性时可以使用
    let dynamicProp = toRef(refData, "o");

    let say = ref(str);

    function add() {
      data.num++;

      dynamicProp.value[dynamicProp.value.length] = "4";

      say.value = "Vue3";

      console.log(data.o, str);
      // 通过检测发现，使用ref定义的响应式数据如果是基本数据类型，
      // 那么定义后的数据不保持对源数据的引用.
      // 如果定义的是引用数据类型，那么将会保持对对源数据的引用
      // 使用toRef后， toRef包装后的value属性保持对源数据的引用，修改响应数据后
      // 源数据也会发生改变
    }

    return { data, add, say, dynamicProp };
  },
};

在这里插入图片描述

4 toRefs

和toRefs功能差不多，只不过toRefs可以创建多个ref对象
因为当有多个响应式对象需要单独提取的时候，toRef就显得过于复杂了，使用toRefs可以简化这个过程

import { toRefs, reactive } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
      num: 0,
      o: ["1", 2],
      job: {
        myJob: "web",
        wage: 2000,
      },
    };

    let refData = reactive(data);

    // 为每一个属性都添加value引用，
    // 通过结构获取到想要的ref对象，
    // 这个时候既拿到了响应数据，源数据因为引用关系而改变。
    let { o, num, job } = toRefs(refData);

    function add() {
      num.value++;

      o.value.push("233");

      job.value.wage += 1000;
    }

    return { add, o, num, job, data };
  },
};

在这里插入图片描述

单独拿到了响应数据了，且源数据发生了改变

5 shallowRef

特殊的ref，只处理基本数据类型的响应式，无法为引用数据类型添加响应式

  • 添加基本数据
// 引入ref函数
import { reactive, ref, shallowRef } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      },
      str = "hello";

    let refData = shallowRef(data),
      dataStr = shallowRef(str);

    function add() {
      // refData.value.num++;

      // refData.value.o.push("233");

      // refData.value.job.wage += 1000;

	  // 稍微更改了添加规则
      dataStr.value += " Vue3!";
    }

    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述

  • 添加引用数据
export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      },
      str = "hello";

    let refData = shallowRef(data),
      dataStr = shallowRef(str);

    function add() {
      refData.value.num++;

      refData.value.o.push("233");

      refData.value.job.wage += 1000;
    }

    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述

注意当同时改变的响应式数据有基本数据和引用数据时，页面也会触发更新

6 shallowReactive

只为对象的第一层属性添加响应式

  • 当改变对象响应数据最外层时
export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      },
      str = "hello";

    let refData = shallowReactive(data),
      dataStr = shallowRef(str);

    function add() {
      // 第一层的数据
      refData.num++;

      // 不是第一层的数据
      // refData.o.push("233");

      // refData.job.wage += 1000;
    }

    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述

  • 当改变响应数据非最外层时
// 引入ref函数
import { shallowReactive, shallowRef } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      },
      str = "hello";

    let refData = shallowReactive(data),
      dataStr = shallowRef(str);

    function add() {
      // 第一层的数据
      // refData.num++;

      // 不是第一层的数据
      refData.o.push("233");

      refData.job.wage += 1000;
    }
    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述

当同时改变的是最外层数据，和非最外层数据时会触发页面更新

7 triggerRef

ref生成的数据强制在页面更新页面

前面在使用shallowRef添加响应对象时，数据不能更新到页面，使用triggerRef便可以强制更新

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      };

    let refData = shallowRef(data);

    function add() {
      refData.value.num++;

      refData.value.o.push("233");

      refData.value.job.wage += 1000;

      triggerRef(refData);
    }

    return { add, refData, data, dataStr, str };
  },
};

在这里插入图片描述
页面视图发生了更新

8 readony

让一个响应式数据变为深只读

<template>
  <div>
    <button @click="add">点击数据将会发生改变</button>
    <p>响应式数据：{{ readonlyData }}</p>
  </div>
</template>

<script>
// 引入ref函数
import { readonly, shallowReadonly, reactive } from "vue";

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
      num: 0,
      o: ["1", 2],
      job: {
        myJob: "web",
        wage: 2000,
      },
    };

    let refData = reactive(data);

    // 将响应式数据添加只读
    let readonlyData = readonly(refData);

    function add() {
      // 更改只读的响应式数据
      readonlyData.num++;

      readonlyData.o.push("233");

      readonlyData.job.wage += 1000;
    }
    return { add, refData, data, readonlyData };
  },
};
</script>

在这里插入图片描述

无论是浅层还是深层响应式数据都只能读，不能修改

9 shallowReadony

让一个响应式数据变为浅只读

export default {
  name: "HelloWorld",

  props: {
    msg: String,
  },

  setup(props) {
    // 一个普通的数据
    let data = {
      num: 0,
      o: ["1", 2],
      job: {
        myJob: "web",
        wage: 2000,
      },
    };

    let refData = reactive(data);

    // 将响应式数据添加只读
    let shallowReadonlyData = shallowReadonly(refData);

    function add() {
      // 更改只读的响应式数据
      shallowReadonlyData.num++;

      shallowReadonlyData.o.push("233");

      shallowReadonlyData.job.wage += 1000;
    }
    return { add, refData, data, shallowReadonlyData };
  },
};

点击前
在这里插入图片描述
点击后
在这里插入图片描述

发现只有浅层数据有只读限制，深层数据并未设置只读，蓝色区域数据发生改变

10 toRaw

将响应式数据变更为非响应式数据(基础数据)

export default {
  name: "HelloWorld",

  setup(props) {
    let reData = reactive({
        num: 0,
        o: ["1", 2],
        job: {
          myJob: "web",
          wage: 2000,
        },
      }),
      dataStr = reactive("hello");

    let strRaw = toRaw(dataStr),
      dataRaw = toRaw(reData);

    // 从打印可以看出只有使用reactive创建的响应式数据才能转换为普通数据
    // 使用ref创建的响应式数据转换后还是ref对象
    console.log(dataRaw, strRaw);
    //  job: {myJob: 'web', wage: 2000}
    // num: 0
    // o: (2) ['1', 2]

   // 'hello'

    function add() {
      dataRaw.num++;
      dataRaw.o.push("233");
      dataRaw.job.wage += 1000;
      strRaw = "vue3";

      console.log("reData: ", reData);
      console.log("dataStr: ", strRaw);
    }
    return { add, dataRaw, strRaw };
  },
};

点击前
在这里插入图片描述
点击后
在这里插入图片描述

页面数据没有更新，但是检测的去响应数据发生了改变
如果比较源数据与转换后的非响应数据，我们会发现它们是一个数据。

11 markRaw

将响应式数据永久变更为非响应式数据

当有一段数据，都是响应式的，现需要添加一段展示数据不需要添加响应式，为了避免性能浪费，可以使用markRaw来永久改变某个数据为非响应式

<template>
  <div>
    <button @click="add">添加一段非响应式数据</button>
    <button @click="upDate">更新响应式数据</button>
    <button @click="reData.job.addProp.msg = '更新了'">更新添加的数据</button>

    <p>响应数据：{{ reData }}</p>
  </div>
</template>

<script>
// 引入ref函数
import { reactive, markRaw } from "vue";

export default {
  name: "HelloWorld",

  setup(props) {
    let reData = reactive({
      num: 0,
      job: {
        myJob: "web",
        wage: 2000,
      },
    });

    // 更新数据
    function upDate() {
      reData.num++;
      reData.job.myJob = "www";
      reData.job.wage += 100;
    }

    // 添加数据
    function add() {
      let newData = {msg: "这是添加的数据"}
      reData.job["addProp"] = newData;
    }

    return { upDate, add, upDataAdd, reData };
  },
};
</script>

在这里插入图片描述

后添加的数据会成为响应式数据

此时需要使用markRaw将响应数据转为普通数据

 // 添加数据
    function add() {
      let newDate = markRaw({ msg: "这是添加的数据" });

      reData.job["addProp"] = newDate;

      console.log(newDate);
    }

在这里插入图片描述

数据无法响应了

12 customRef

自定义ref, 通过基础ref配置满足自定义要求的ref

<template>
  <div>
    <input type="text" v-model="delayWord" />添加数据

    <p>响应数据：{{ delayWord }}</p>
  </div>
</template>

<script>
// 引入自定义ref函数
import { customRef } from "vue";

export default {
  name: "HelloWorld",

  setup() {
    // 创建一初始数据
    let hotWord = "初始数据";

    // 定义自己的ref ---
    function myRef(value, delay) {
      // 定时器名称
      let timer;

      // 返回一个customRef
      // 相当于一个只有响应式功能的基础ref
      // 接收一个回调函数
      // 回调函数接收两个参数 track, trigger. 返回一个对象
      // 参数 track ---> 通知getter监视返回的数据
      // 参数 trigger ---> 通知set更改数据后去更新视图

      return customRef((track, trigger) => {
        return {
          get() {
            console.log("获取了" + value);

            // 通知检测返回值
            track();
            return value;
          },
          set(newValue) {
            console.log("设置了: " + value + "\t新值为: " + newValue);

            // 清除定时器 --- 用于节流
            clearTimeout(timer);

            // 更改数据
            value = newValue;

            timer = setTimeout(() => {
              // 通知更新视图
              trigger();
            }, delay);
          },
        };
      });
    }

    let delayWord = myRef(hotWord, 1000);

    return { delayWord };
  },
};
</script>

效果
在这里插入图片描述

注意customRef参数的作用

13 补充

检测响应式数据的方法

isRef: 检查一个值是否为一个 ref 对象

isReactive: 检查一个对象是否是由 reactive 创建的响应式代理

isReadonly: 检查一个对象是否是由 readonly 创建的只读代理

isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创建的代理

MiMenge
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3 响应性API
weixin_44747590的博客
07-02 302
toRef 可以用来为源响应式对象上的 property 性创建一个 ref。然后可以将 ref 传递出去，从而保持对其源 property 的响应式连接。本质类似指针引用。 举例： const state = reactive({ foo: 1, bar: 2 }) const fooRef = toRef(state, 'foo') fooRef.value++ console.log(state.foo) // 2 state.foo++ console.log(fooRef.value
浅谈Vue 数据响应式原理
08-27
Vue 数据响应式原理详解 Vue 的数据响应式原理是 Vue 框架最核心的部分之一。它使得开发者可以轻松地实现数据的双向绑定，提高了开发效率和应用性能。那么，Vue 的数据响应式原理是如何实现的呢？ 首先，我们需要...
Vue 3
qinqinzqq的博客
08-02 1387
1、什么是hook：本质是一个函数，把setup函数中使用的Composition API进行了封装；类似于vue2中的mixin2、自定义hook的优势：复用代码，让setup中的逻辑更加清楚易懂。
vue3中函数必须有返回值么？
F2297468264的博客
06-01 541
在 Vue 3 中，特别是涉及到Composition API的使用时，setup() 函数确实必须有返回值。setup() 函数是组件的入口点，它的返回值会被用来决定哪些数据和方法是可被模板访问的。如果setup()没有返回任何值，模板将无法访问到任何数据或方法，这在Vue 3组件中通常是不符合预期的。而对于Vue 3组件中的其他普通函数（非setup()），它们不一定需要有返回值，这取决于函数的用途。如果有具体的数据需要传递给调用者或用于响应式依赖，那么应当有相应的返回值。
Vue3 响应式数据
weixin_62897746的博客
12-27 4259
什么是响应式数据？ “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 采用“数据劫持”结合“发布者-订阅者”模式的方式，通过“Object.defineProperty()”方法来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。
vue3-ref和reactive
qq_52135740的博客
08-02 604
ref 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。 JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：<div>{{xxx}}</div> 备注： 接收的数据可以是：基本类型、也可以是对象类型。 基本类型的数据：响应式依然是靠Object.defineProperty()的get与set完成的。 对象类型的数据：内部
vue3中的响应式函数---ref
yezi153的博客
12-05 315
例子---ref把数据转成响应式 1.从vue中按需导入ref函数 2.把要转成响应式的数据传入到ref函数里面 3.return 返回转成的结果 list这个对象中存在value属性 ---value里面是真正的数据
Vue3.0数据响应式原理详解
10-16
当响应式数据发生变化时，与之关联的`ReactiveEffect`会被调度执行，从而触发视图的更新。 4. **Dep和KeyToDepMap**: `Dep`是一个Set对象，用于存储所有依赖于某个响应式对象的`ReactiveEffect`。`KeyToDepMap`则是...
Vue数组响应式操作及高阶函数使用代码详解
10-15
Vue.js 是一款流行的前端JavaScript框架，其核心特性之一就是响应式数据绑定。在Vue中，当数据发生变化时，视图会自动更新以反映这些变化。对于数组，Vue提供了响应式处理的特殊方式，使得在数组上的操作能够触发...
谈谈对vue响应式数据更新的误解
08-29
然而，在实际开发中，开发者可能会遇到一些关于Vue响应式数据更新的误解。本文将深入探讨这些误解，以帮助初学者更好地理解Vue的工作原理。 首先，我们要明确的是，Vue中的数据更新是异步的。这意味着当你改变数据...
Vue——vue3中vuex映射状态数据和方法
qq_43201350的博客
10-09 718
Vue——vue3中vuex映射状态数据和方法
vue3组合式API-reactive()和ref()函数的使用
weixin_46372993的博客
08-05 310
reactive和ref函数的使用
VUE框架Vue3下使用ref函数包裹的对象实现响应式处理------VUE框架
春风若有怜花意，可否许我再少年
12-22 1171
VUE框架Vue3下使用ref函数包裹的对象实现响应式处理------VUE框架
vue3 function a() { const b = 1 return b}之后怎么用
weixin_35750747的博客
01-14 324
vue3 中的 function a() { const b = 1 return b} 定义了一个名为 a 的函数，并在函数中定义了一个常量 b，并将其初始值设置为 1。该函数返回 b 的值。要使用该函数，可以在组件或者页面中调用 a()。 例如： <template> <div> <p>{{result}}</p> </di...
Vue3中的渲染函数返回什么类型的对象？
有我更精彩的博客
05-10 263
虚拟DOM本质上是一个JavaScript对象，它模拟了真实DOM树的结构，并且可以高效地进行比对和更新，从而实现页面的高性能渲染。在渲染函数中，我们使用h函数来创建一个div元素，并将message作为元素的内容。通过以上示例，我们可以看到，在Vue3中，渲染函数返回的是一个描述页面结构的虚拟DOM对象，开发者可以根据需要动态生成虚拟DOM，实现更灵活和高效的页面渲染。在面试中，理解Vue3中渲染函数的返回类型是虚拟DOM对象的重要知识点，也是展示对Vue3框架原理的理解和应用能力的一个很好的机会。
Vue3【六】setup的使用和setup的返回值
最新发布
Ggome的博客
06-07 516
setup函数的使用，和vue2的选项式不同 vue3的组合式使用的是setup函数通过返回值将数据和方法传到页面返回值也可以是一个箭头函数setup先于 data和method执行所有无法读取到this和data，method的内容，反之可以。
【vue3】处理数组方法，在数组中获取指定条件所在的数组对象等持续更新笔记~~
花椒和蕊的博客
12-08 2767
1、在数组中获取指定条件所在的数组对象。
Vue3 defineEmits 获取emit执行后的返回值
qq_40577885的博客
08-19 3607
在Vue3中，emit 执行后，是无法直接获取到返回值的。因为vue3就不支持这种写法。在子组件HelloWorld中，我们的目的是当点击 button 按钮时，获取emits 的返回值，然后按钮显示。那我们要怎么获取 emit的返回值呢？其实我们可以借助一个callback 函数，来进行取值。
vue3数据更新页面不更新
05-01
Vue3 中，如果数据更新了但页面没有更新，可能是由于以下原因： 1. 没有使用响应式数据 Vue3 的数据更新是基于响应式数据的。如果没有使用响应式数据，就算数据发生了改变，也不会触发视图的更新。所以，在创建 Vue3 实例时，需要使用 reactive 或 ref 函数来创建响应式数据。 2. 数据传递错误 如果在组件之间传递数据时，传递的是非响应式数据或者数据类型不一致，也会导致数据更新时页面不更新。 3. 不正确的更新数据方式 在 Vue3 中，不能直接修改响应式数据的某个属性，因为这样不会触发视图的更新。正确的方式是，要使用 Vue3 提供的方法来更新数据，比如说 set、push 等。同时，在更新数据时，也需要保证操作是在响应式数据的同一个对象上进行的。如果是新建对象进行操作，也不会触发视图的更新。 4. 组件未正确引用响应式数据 在组件中引用响应式数据时，需要使用 setup 函数，并将响应式数据取出来使用。如果没有正确取出响应式数据，也会导致数据更新时页面不更新。 总之，在使用 Vue3 进行开发时，需要保证正确使用响应式数据、正确传递数据、正确更新数据和正确引用数据等方面，才能避免数据更新时页面不更新的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值