首页 / VUE / vue 关于vue.set的学习笔记

vue 关于vue.set的学习笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue 关于vue.set的学习笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含742字，纯文字阅读大概需要2分钟。

内容图文

vue新手小白，在看vue文档的时候 发现vue关于 数组，对象值改变的与 ng有那么点不同。

官方表示

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

  1. 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
  2. 当你修改数组的长度时，例如：vm.items.length = newLength

但是对于曾经使用ng的我来说，是不一样的。

比如：

vue 不能检测你直接根据数组的索引对数组的某个值修改。

Vue 不能检测对象属性的添加或删除。

但是它提供了另外的方法vue.set ,可以修改数组的值喝对象新增删除属性。

<script>  
export default {
      data(){
            return {
                list:[1,2,3,4,5,6],
                userProfile: {
                    name: ‘Anika‘
                }
                user: {
                   name: "hea",
                   age: 12
                }
            }
     }, 
     mounted() { 
           this.$set(this.list, 1, 27) 
           this.$set(this.userProfile, ‘age‘, 27)
           this.user = Object.assign({}, this.user, {
                                     age: 22,
                                     name: "huangenai"
           });
     } 
   } 
</script>

此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞，您的支持是我最大的动力。

原文：https://www.cnblogs.com/huangenai/p/9678172.html

内容总结

以上是互联网集市为您收集整理的vue 关于vue.set的学习笔记全部内容，希望文章能够帮你解决vue 关于vue.set的学习笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1104307.html

来源：【匿名】