Vue 将被侦听的数组的变更方法进行了包裹,其主要作用如下

292 阅读2分钟

Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:

  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • reverse()
  1. push():插入数组最后一个元素

  2. pop():用于删除并返回数组的最后一个元素 pop() 方法将删除数组的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

  3. shift():用于把数组的第一个元素从其中删除,并返回第一个元素的值。 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。该方法不创建新数组,而是直接修改原有的 arrayObject。

  4. unshift():向数组的开头添加一个或更多元素,并返回新的长度 unshift() 方法将把它的参数插入到数组的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。unshift() 方法不创建新的创建,而是直接修改原有的数组。

  5. splice():可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

    • 使用方法:XXX.splice(index,howmany,item1,.....,itemX)

    • 参数描述:

      index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

      howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。

      item1, ..., itemX可选。向数组添加的新项目。

  6. sort():用于对数组的元素进行排序。 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

  7. reverse():用于颠倒数组中元素的顺序。