7.Vue - 监测数据的原理、Vue.set、vm.$set

已于 2023-11-12 14:17:20 修改
阅读量1.5k 收藏 11
点赞数 2
分类专栏： Vue 文章标签： 前端 java javascript
于 2022-09-03 17:35:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51351637/article/details/126670260
版权

监测数据的原理

目录

监测数据的原理

一、更新时的问题

二、Vue检测对象

三、Vue检测数组

3.1 push 添加

3.2 shift 删除

3.3 splice 替换

3.4 原理

四、Vue.set

4.1 追加属性

4.2 案例

五、总结

5.1 代码练习

5.2 总结

一、更新时的问题

为什么我们要研究一下Vue监测数据的原理？

以防我们后续在给data赋值或者修改data中数据时导致修改不成功

比如下面这个例子：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> 初识vue</title>
        <!--引入vue    引入之后，全局就多了一个vue这个构造函数-->
        <script type="text/javascript" src="../js/vue.js"></script> 
    </head>
    <body>
        <div id="root">
            <h2>人员列表</h2>
 
           <button @click="updateMei">更改马冬梅信息</button>
            <ul>
                <li v-for="(p,index) in  persons" :key="p.id" >
                    {{p.name}}-{{p.age}}-{{p.sex}}
                </li>
            </ul>
 
        </div>
 
        <script type="text/javascript">
            //阻止vue在启动时生成生产提示
            Vue.config.productionTip=false
            
          const vm=  new Vue({
                el:'#root',
                data:{
 
                  persons:[
                    {id:'001',name:'马冬梅',age:19,sex:'女'},
                    {id:'002',name:'周冬雨',age:20,sex:'女'},
                    {id:'003',name:'周杰伦',age:21,sex:'男'},
                    {id:'004',name:'温兆伦',age:22,sex:'男'}
                  ],
                 
                },
                methods: {
                    updateMei(){
                        this.persons[0].name = '马老师'
                        this.persons[0].age = 50,
                        this.persons[0].sex = '男'
                    }
                },
            })
 
        </script>   
    </body>
</html>

当我们点击按钮之后，马冬梅的信息会随之改变

img

我们不难发现：页面中的内容修改了，Vue中的数据也修改了

              
  methods: {
                    updateMei(){
                        //this.persons[0].name = '马老师'
                        //this.persons[0].age = 50,
                        //this.persons[0].sex = '男'
                         this.persons[0] ={id:'001',name:'马老师',age:50,sex:'男'}
                    }
                },

初始界面和上面还是相同的，但是我们点击按钮之后，页面和Vue并没有反应

img

原因：从代码的层面来说，我们真的把数组中的某个元素修改了，但是Vue并没有检测到

下面的这样图就是很好的证明

image-20231109174153601

我们直接操作的数组的索引值，用赋值的方式去改（具体参照Vue监测数组数据的原理）

数组中 persons[0] persons[1] persons[2].....这种没有getter和setter，但是persons[0] persons[1]里面的属性有getter和setter，比如name、age、sex都会有getter和setter

二、Vue检测对象

可以先复习一下这篇文章的数据代理

2.Vue — 模板语法、数据绑定、el与data的写法、数据代理-CSDN博客

image-20231110085651634

vm实例的name和address其实都来自_data，_data中的数据来自于我们所传入的配置项data，也就是vm._data=data

  1. 加工我们传入的data数据（黄色框）

    将我们data中的每一组key-value形成getter和setter

  2. vm._data=data

    流程图

    img

这个地方为什么要加工一下？

第一步加工data数据后就可以做响应式了。

响应式：数据变了，页面也跟着变就是响应式

当我们修改了_data.name的时候，就会引起name的setter调用，setter里面有一个调用可以重新解析模板，生成新旧DOM，新旧DOM对比生成新的页面

三、Vue检测数组

img

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> 初识vue</title>
        <!--引入vue    引入之后，全局就多了一个vue这个构造函数-->
        <script type="text/javascript" src="../js/vue.js"></script> 
    </head>
 
    <body>
        <div id="root">
            、<h1>学校信息</h1>
             <h2>学校名称：{{school.name}}</h2>
             <h2>学校地址：{{school.address}}</h2>
             <h2>校长是:{{school.leader}}
             <hr/>
             <h1>学生信息</h1>
             <button @click="addSex" >添加一个学校信息，默认值是男</button>
 
             <h2>学生姓名：{{student.name}}</h2>
             <h2>学生性别：{{student.sex}}</h2>
             <h2>学生年龄：真实{{student.age.rAge}},对外{{student.age.sAge}}</h2>
             <hr/>
             <h1>爱好</h1>
             <ul>
                <li v-for="(h,index) in student.hobby">
                    {{h}}
                </li>
             </ul>
             <h1>朋友们</h1>
             <ul>
                <li v-for="(f,index) in student.friends">
                    {{f.name}}---{{f.age}}
                </li>
             </ul>
        </div>
 
    </body>
    <script type="text/javascript">
        //阻止vue在启动时生成生产提示
        Vue.config.productionTip=false
        
      const vm=  new Vue({
            el:'#root',
            data:{
                school:{
                name:'尚硅谷',
                 address:'北京'
                },
              student:{
                name:'tom',
                // sex:'男',
                age:{
                    // 真实年龄
                    rAge:40,
                    sAge:29
                },
                hobby:['抽烟','喝酒','烫头'],
                friends:[
                    {name:'jerry',age:35},
                    {name:'tony',age:36}
                ]
            },
            },
 
            methods: {
                addSex(){
                 Vue.set(this.student,'sex','男')
                }
            },
        })
    </script>   
</html>

img

注意看，我们的爱好写成的是一个数组的形式，我们在下面观察，我们并没有发现爱好的getter和setter（如果把爱好的属性写成对象的模式，会有getter和setter），那说明我们直接修改数组的话，页面的内容可能不会改变

img

如下所示，也确实没有改变

image-20231110161221768

修改数组的值可以参考3.1、3.2、3.3

3.1 push 添加

向数据中添加一个数据，就是push

Vue发现我们把数组内容改变了，重新解析模板了，页面就有了一个新的展示

image-20231110161722635

3.2 shift 删除

删除数组中的第一个元素

img

3.3 splice 替换

参数0 代表数组的下标 ，参数1 代表干掉， 参数‘打台球’代表替换成打台球

img

3.4 原理

Vue是怎么监视到我们调用push方法的呢？

Vue使用了一个叫包装的方法，我们调用的push已经不是数组中原汁原味的push了

Vue中的push做了两件事

  1. 调用原汁原味的push

  2. 重新解析模板生成虚拟DOM，渲染界面

左侧是Vue监视的数组的push，右侧是原汁原味中数组的push

image-20231110162543509

Vue对数组的监视是靠包装数组身上常用的操作数据的API实现的

四、Vue.set

4.1 追加属性

我们在代码中没有写某个对象，但是在后期我们想添加上

<!DOCTYPE html>
​
<html>
​
<head>
    <meta charset="UTF8" />
    <title>初始vue</title>
​
    <!-- 引入Vue -->
    <script type="text/javascript" src="../js/vue.js"></script>
​
</head>
<body>
    <!--准备好一个容器-->
    <div id="root">
        <h2>学校名称：{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
        <hr />
        <h2>学生姓名：{{student.name}}</h2>
        <h2>学生年龄：真实{{student.age.rAge}}</h2>
        <h2>学生年龄：对外{{student.age.sAge}}</h2>
​
        <ul>
            <li v-for=" (f,index) in student.friends" ::key="index">
                {{f.name}} ---{{f.age}}
            </li>
        </ul>
    </div>
​
    <script type="text/javascript">
        //关闭开发环境时的生产提示
        Vue.config.productionTip = false
​
        new Vue({
            el: "#root",
            data: {
                name: "尚硅谷",
                address: "北京",
                student: {
                    name: 'tom',
                    age: {
                        rAge: 40,
                        sAge: 29
                    },
                    friends: [
                        { name: 'jerry', age: 35 },
                        { name: 'Tony', age: 36 }
                    ]
                }
            }
        })
    </script>
</body>
</html>

image-20231110100103183

比如下面这种情形

我们在Vue中给学生添加一个性别，我们不难发现我们新添加的这个性别没有getter和setter

img

img

那如果我们前期没添加，但是后期又想添加怎么办？

API给我提供了一个Vue.set（target,key,val）方法

target:我们要往谁的身上追加一个属性

key：往target身上加一个什么属性

val:值

或者可以使用vm实例对象的API

vm.$set(target,key,val)

完成的事情和Vue.set（target,key,val）方法一模一样

当执行Vue.set(vm._data.student,'sex','男')后，页面发生了变化

或者使用

Vue.set(vm.student,'sex','男')后，页面发生了变化

虽然是后天添加，但是我们依然享有getter和setter

img

img

4.2 案例

案例：我们要点击一个按钮，给学生追加性别

img

点击之后 如下所示

img

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> 初识vue</title>
        <!--引入vue    引入之后，全局就多了一个vue这个构造函数-->
        <script type="text/javascript" src="../js/vue.js"></script> 
    </head>
 
    <body>
        <div id="root">
            、<h1>学校信息</h1>
             <h2>学校名称：{{name}}</h2>
             <h2>学校地址：{{address}}</h2>
             <hr/>
             <h1>学生信息</h1>
             <button @click="addSex" >添加一个学校信息，默认值是男</button>
 
             <h2>学生姓名：{{student.name}}</h2>
             <h2>学生性别：{{student.sex}}</h2>
             <h2>学生年龄：真实{{student.age.rAge}},对外{{student.age.sAge}}</h2>
             <hr/>
             <ul>
                <li v-for="(f,index) in student.friends">
                    {{f.name}}---{{f.age}}
                </li>
             </ul>
        </div>
 
    </body>
    <script type="text/javascript">
        //阻止vue在启动时生成生产提示
        Vue.config.productionTip=false
        
      const vm=  new Vue({
            el:'#root',
            data:{
              name:'尚硅谷',
              address:'北京',
              student:{
                name:'tom',
                // sex:'男',
                age:{
                    // 真实年龄
                    rAge:40,
                    sAge:29
                },
                friends:[
                    {name:'jerry',age:35},
                    {name:'tony',age:36}
                ]
            },
            },
 
            methods: {
                addSex(){
                 Vue.set(this.student,'sex','男')
                }
            },
        })
    </script>   
</html>

不难发现，我们上面那个案例成功了

但是！！！！！我们现在要变一下，我们不给data里面的对象追加属性了，我们给data追加！

img

结论：Vue.set不能给data追加属性（也不能给vm 追加），但是可以给data里面的对象追加属性

img

五、总结

5.1 代码练习

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> 初识vue</title>
        <!--引入vue    引入之后，全局就多了一个vue这个构造函数-->
        <script type="text/javascript" src="../js/vue.js"></script> 
    </head>
 
    <body>
        <div id="root">
             <button @click="student.age++">年龄+1岁</button><br/>
 
             <button @click="addSex">添加性别属性，默认值：男</button><br/>
 
             <button @click="addFriend">在列表首位添加一个朋友</button><br/>
 
             <button @click="updateFirstFriendName">修改第一个好友的名字</button><br/>
 
             <button @click="addHobby">添加一个爱好</button><br/>
 
             <button @click="updateHobby">修改第一个爱好为：开车</button><br/>
 
             <h1>学生信息</h1>
             <h2>学生姓名：{{student.name}}</h2>
             <h2>学生年龄：{{student.age}}</h2>
             <!-- student.sex 如果没有的话，下面这个字段就不要出现 -->
             <h2 v-if="student.sex">学生性别：{{student.sex}}</h2>
             <hr/>
             <h1>爱好</h1>
             <ul>
                <li v-for="(h,index) in student.hobby">
                    {{h}}
                </li>
             </ul>
             <h1>朋友们</h1>
             <ul>
                <li v-for="(f,index) in student.friends">
                    {{f.name}}---{{f.age}}
                </li>
             </ul>
        </div>
 
    </body>
    <script type="text/javascript">
        //阻止vue在启动时生成生产提示
        Vue.config.productionTip=false
        
      const vm=  new Vue({
            el:'#root',
            data:{
              student:{
                name:'tom',
                // sex:'男',
                age:18,
                hobby:['抽烟','喝酒','烫头'],
                friends:[
                    {name:'jerry',age:35},
                    {name:'tony',age:36}
                ]
            },
            },
 
            methods: {
                addSex(){
                    Vue.set(this.student,"sex",'男')
                },
                addFriend(){
                    // 往前面加一个
                    this.student.friends.unshift({name:'jack',age:70})
                },
                updateFirstFriendName(){
                    // 下面注释这么写就费了
                    // this.student.friends[0] ='123'
                    this.student.friends[0].name ='张三'
                },
                addHobby(){
                    this.student.hobby.push('学习')
                },
                updateHobby(){
                    // 从第0个开始，删除一个，并再加入一个开车
                    // this.student.hobby.splice(0,1,'开车')
                    
                    // 将数组中的下标为0的修改为开车
                    Vue.set(this.student.hobby,0,'开车')
 
                }
            },
        })
    </script>   
</html>

img

5.2 总结

  • vue会监视data中所有层次的数据

    只要是data中定义的都可以监视到，不管里面有多少层

  • 如何检测对象中的数据？

    通过setter实现监视，且要在new Vue时就传入要监测的数据

    • 对象中后追加的属性，Vue默认不做响应式处理

    • 如需给后添加的属性做响应式处理，需要下面的API

      img

  • 如何监测数组中的数据

    通过包裹数组更新元素的方法实现，本质就是做了两件事

    • 调用原生对应的方法对数组进行更新

    • 重新解析模板，进而更新页面

  • 在Vue修改数组中的某个元素一定要用如下方法

img

什么是数据劫持？

比如我们在代码中是这么写的

image-20231110164806201

但是在控制台输出时变成了下面这个样子，这就是数据劫持

变成了getter和setter的样子，这种行为就叫做数据劫持

如果我们修改了student，就马上被set_student劫持到了，劫持到了后第一件事正常修改数据，第二件事会重新解析模板

我爱布朗熊
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
简单理解vue中实例属性vm.$els
09-01
主要帮助大家简单理解vue中实例属性vm.$els,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Web前端框架应用：第3章 Vue开发基础-全局配置.pptx
06-06
第3章 Vue开发基础（下） 全局API 全局配置 实例属性 组件进阶 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 实例属性 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 组件进阶 知识架构 3.1 全局API 1 Vue.directive 2 Vue.use 3 Vue.extend 4 Vue.set 5 Vue.mixin 知识架构 3.2 实例属性 1 vm.$props 2 vm.$options 3 vm.$el 4 vm.$children 知识架构 3.2 实例属性 5 vm.$root 6 vm.$slots 7 vm.$attrs 知识架构 3.3 全局配置 1 productionTip 2 silent 3 devtools 知识架构 3.4 组件进阶 1 mixins 2 render 3 createElement 3.3 全局配置 productionTip Vue.config.productionTip：打开或关闭生产信息提示信息，默认为打开状态。 3.3 全局配置 productionTip 案例实现：设置属性值为fa
VUE2改变数组对象的方法（$set）
最新发布
weixin_52326756的博客
03-13 766
需求：vue中数组或者对象的长度无法监听时，需要实时刷新数据思路：通过$set方法实现数据监听。
Web前端框架应用：第3章 Vue开发基础-组件进阶.pptx
06-06
第3章 Vue开发基础（下） 全局API 全局配置 实例属性 组件进阶 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 实例属性 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 组件进阶 知识架构 3.1 全局API 1 Vue.directive 2 Vue.use 3 Vue.extend 4 Vue.set 5 Vue.mixin 知识架构 3.2 实例属性 1 vm.$props 2 vm.$options 3 vm.$el 4 vm.$children 知识架构 3.2 实例属性 5 vm.$root 6 vm.$slots 7 vm.$attrs 知识架构 3.3 全局配置 1 productionTip 2 silent 3 devtools 知识架构 3.4 组件进阶 1 mixins 2 render 3 createElement 3.4 组件进阶 mixins mixins：mixins是一种分发Vue组件中可复用功能的方式。mixins是一种分发Vue组件中可复用功能的方式。 mixins对象可以包含任何组件选项，将定义的mixins对象
Vue-Object.defineProperty:Vue源码解析之手写Vue源码-源码解析
03-24
前言 现在前端面试Vue中都会问到响应式原理以及如何实现的，如果你还只是简单回答通过Object.defineProperty（）来劫持属性可能已经不够了。 本篇文章通过学习文档及视频教程实现手写一个简易的Vue原始码实现数据双向绑定，解析指令等。 几种实现双向绑定的做法 目前几种主流的mvc（vm）框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入的元素（输入，textare等）添加了（输入）事件，来动态修改模型和视图，并没有多高深，所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种： 发布者-订阅者模式（backbone.js） 脏值检查(angular.js) 数据劫持(Vue.js) 发布者-订阅者模式 一般是通过sub，pub的方式来实现数据和试图的绑定坚决听，更细数据方法通常做法是vm.set（'property'，va
vue.js中$set与数组更新方法
01-21
由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当利用索引直接设置数组的某一项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength，不会更新数组。 当然vue中给了解决方法，就是使用 Vue.set, vm.$set(Vue.set的变种写法)或者 splice，caoncat等修改数组，同时也将触发状态更新： ex： 所以如果在实例创建后添加新的属性到实例上，则不会触发更新。 ps：现在有两个数组，分别为arr1，arr2，如果arr1以下标赋值改变数组，arr
Vue.set和vm.$set源码解析
boyzzy1995的博客
04-28 1066
为什么要使用这两个API 我们知道在Vue中，对象和数组在某些情况下无法触发响应式数据更新。比如: const vm = new Vue({ el: '#root', data: { price: 10, }, }); vm.price = 20; // 重新渲染视图 vm.discount = 10; // 并不是响应式的数据 或者另一种情况，直接通过数组的下标修改数组的某...
Vue.set()和vm.$set()方法及不足
weixin_54307456的博客
03-20 2556
什么时候要使用？ 官方文档解释： Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如： var vm = new Vue({ data:{ a:1 } }) // `vm.a` 是响应式的 vm.b = 2 // `vm.b` 是非响应式的 对于已经创建的实例，Vue 不允许动态添加根级别的响应式
Vue.set()
张木期的博客
10-14 1915
当我们使用vue开发时经常会遇到当vue实例已经创建好了，有时候需要再次给数据赋值时，并不能在视图中改变 在vue文档中注意事项写着如果在实例创建之后添加新的属性到实例上，它不会触发视图更新 因此比如我们修改一个数组其中的一个值，或者添加一条数据时，不管用。 <div id="app"> <p v-for="item in items" v-once>{{item}}</p> <button @click="btn()">添加</button>
Vue.set和vm.$set和Vue修改数组中的元素的方法和Vue监视数据的原理
weixin_55772633的博客
07-11 3119
其中，vm.list是要删除元素的数组。
Vue-Vue.set() 的原理及使用
qq_40792800的博客
01-11 1万+
上面刚刚讲完 Vue 监听对象的改变，接下来本应该说说数组的监听过程，但是在这里需要插播一节 Vue.set() ，这是因为 Vue.set() 与对象的连接较为紧密，所以串联在一起方便理解。 1、首先，定义一批数据用来渲染到页面上展示 <body> <div id="root"> <h2>姓名：{{student.name}}</h2> <h2>年龄：真实{{student.age.realAge}} 虚拟{{stude
Vue使用总结（三）
m0_49799219的博客
03-17 97
什么档次跟我学一样的Vue
VUE | key的内部原理、Vue监测数据的原理、Vue.set()和vm.$set()的使用
m0_72383454的博客
09-25 549
key的内部原理、Vue监测数据的原理、Vue.set()和vm.$set()的使用
vue中vm.$set函数的详细使用方法
weixin_43242112的博客
09-13 9439
vue中vm.$set函数的详细使用方法一、为什么要使用二、不是响应性的例子三、vm.$set的使用四、数组下标操作会碰到的误区 一、为什么要使用 想必大家都遇到过这样一个问题，就是在数组数据变化了，但是页面不能实时的进行渲染。为什么会出现这个问题呢？首先看看Vue.js官网教程中的说法： 既然这个问题频频出现，那么为什么vue不提供对数组属性的监听呢？来看看github上大佬的回答： 我还记得当时看过的一篇文章，如果vue提供了对数组属性的监听会有什么后果，有一个老外的回答是:“Oh，it’s ver
Vue.set()方法的使用
热门推荐
Allen的博客
10-11 2万+
在介绍Vue.set()方法之前，我们先了解一下vue响应式的原理。 一、vue如何追踪变化 当你把一个普通的JS对象传给vue实例的data选项时，vue将遍历此对象的所有属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter 。Object.defineProperty是ES5中一个无法shim的特性，这也就是为什么vue不支持IE8以及更低版本的浏览器。 二、为什么使用Vue.set() 因为受现代JS的限制，vue不能检测到对象属性的添加或删除。 由
Vue.set()的使用,以及对其进行深入解析
天命爱心职责的博客
01-03 4143
vue 在实例上添加新的属性的时候，该属性，并不是响应式的。同样删除某一属性的时候，也不会实时渲染到页面上。这个 set方法，对于数组来说，调用的就是splice,对于对象来说，使用的就是defineReactive，再添加了一个手动的视图更新。这就是set的原理。
vm.$set函数的个人总结
weixin_49847397的博客
08-15 823
此时值改变的时候页面也会进行渲染，因为vue的内部针对于数组中对象会通过Object.definProperty来对所有属性进行劫持，来完成响应式，所以数组中对象元素都是响应式的，这里并没有通过数组下标来改变值，只是通过下标来获取相应的对象，而这个对象是响应式的。3.在前面可以发现，不是对象的属性都会被劫持从而称为响应式，为什么还要提供vm.$set来对对象属性进行操作呢？(目标对象，对象的属性名称/数组的下标索引值，要设置的新值)1——数组对象通过下标来操作数组中的对象是响应式的。...
vue中的$set和Vue.set方法
辰小白
03-11 642
当我们使用vue开发时经常会遇到当vue实例已经创建好了，有时候需要再次给数据赋值时，并不能在视图中改变 在vue文档中写着如果在实例创建之后添加新的属性到实例上，它不会触发视图更新 因此比如我们修改一个数组其中的一个值，或者添加一条数据时，不管用。 <div id="app"> <p v-for="item in items" v-once>{{item}}&...
vm.$set的原理
weixin_45847735的博客
12-28 766
在vue.js中，vm.$set是一个比较常用的API，先简单回顾一下用法。 一.用法： vm.$set(target, key, value) 参数： {object | Array} target {string | number} key {any} value 返回值：{function} unwatch 用法：在object上设置一个属性，如果object是响应式的，vue.js会保证属性被创建后也是响应式的，并且触发视图更新。这个方法主要是用来避开vue.js不能侦测属性被添加的限制。 注意：
vue.$set和vm.$set有什么区别
11-16
根据提供的引用内容，可以得知`Vue.set()`和`vm.$set()`都可以用来向Vue实例中的响应式对象添加属性并触发视图更新。它们的区别在于`Vue.set()`可以用于全局对象，而`vm.$set()`只能用于当前实例。具体来说，`Vue....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

我爱布朗熊

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值