zoukankan      html  css  js  c++  java
  • 关于数组的响应式方法和非响应式方法

    Vue内部修改数组的方法:

    Vue.set( 要修改的对象,索引值,修改后的值)Vue.set(this.array,0,'加油')   将数组中第一个元素修改为  加油

    Vue中对数组是响应式的方法:

    1.push(:该方法是在数组最后添加数据    假设数组为array

    this.array.push('a') ==============> 在数组array的最后添加一个a

    this.array.push(‘a’,'b','c')==========>在数组array的最后添加上三个元素,a,b,c

    2.splice () : 该方法有三个参数,例子: this.array.splice(1,0,'f')   

    第一个参数为:从第几个开始?

    第二个参数为:删除几个?

    第三个参数为:插入什么参数?

    删除元素:第二个参数传入,代表着你要删除几个元素?如果没有传入的话,就删除后面所有的元素

    this.array.splice(1,2) 从第一个参数开始,删除俩个参数! this.array.splice(1),从一个参数开始,删除后面所有的参数!

    替换元素:第二个参数表示我们要替换几个元素,后面是用于替换他们的元素

    this.array.splice(1,1,'a') 从第一个参数开始将下一个元素替换成a;

    this.array.splice(1,3,'a','b','c')从第一个参数开始将下面的三个元素替换成a,b,c

    插入元素:第二个元素传入0,后面写要插入的元素就可以了

    this.array.splice(1,0,'a')在第一个参数后面插入a

    this.array.splice(1,0,'a','b','c')在第一个参数后面插入a,b,c

    3.pop () : 该方法,删除数组最后一个元素;

    this.array.pop();

    4.shift () : 该方法,删除数组第一个元素

    this.array.shift();

    5.unshift () :该方法在数组最前面添加元素,

    this.array.unshift('加油哟')  在数组前面添加一个元素:加油哟

    this.array.unshift('a','b','c')  在数组前面添加三个元素:a,b,c

    6.sort () : 该方法是对数组进行排序的

    this.array.sort();

    正常排序是如此,那么乱序怎么写呢?   

    this.array.sort(()=>Math.random()-.5) 就可以实现乱序了

    7.reverse () : 该方法是对数组进行反转的

    this.array.reverse();

    Vue中对数组是非响应式的方法

    通过索引改变数组不是响应式的

    this.array[0] = 'aaa'

  • 相关阅读:
    redis-mysql连接池
    Java并发编程原理
    利用MyBatis生成器自动生成实体类、DAO接口和Mapping映射文件
    Tomcat 启动图解
    JVM
    Java中的Exception
    Java 设计模式六原则及23中常用设计模式
    Jquery15 插件
    Jquery14 工具函数
    Jquery13 Ajax 进阶
  • 原文地址:https://www.cnblogs.com/a973692898/p/12724756.html
Copyright © 2011-2022 走看看