zoukankan      html  css  js  c++  java
  • vue 关于vue.set的学习笔记

    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>
    

      

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

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

  • 相关阅读:
    docker-compose
    Cassandra
    npm常用命令
    k8s linux win10
    wsl2 docker 迁移
    docker http 代理
    mysql查看当前所有的数据库和索引大小
    mybatis 遍历list拼接 or查询
    es head crud
    nginx 代理转发mysql
  • 原文地址:https://www.cnblogs.com/huangenai/p/9678172.html
Copyright © 2011-2022 走看看