美文网首页
Vue 将被侦听的数组的变更方法进行了包裹

Vue 将被侦听的数组的变更方法进行了包裹

作者: 欧巴桑桑 | 来源:发表于2021-03-23 15:32 被阅读0次

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

push(xxx) //插入数组最后一个元素

pop() //pop() 方法用于删除并返回数组的最后一个元素。

返回值

arrayObject 的最后一个元素。

说明

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

shift()  //shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

返回值

数组原来的第一个元素的值。

说明

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

unshift(xxx, yyy) //unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

返回值

arrayObject 的新长度。

说明

unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。

请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。

splice()

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

参数描述

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

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

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

返回值

类型描述

Array包含被删除项目的新数组,如果有的话。

说明

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

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

sort()  //方法用于对数组的元素进行排序。

返回值

对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明

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

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

reverse() //方法用于颠倒数组中元素的顺序。

提示和注释

注释:该方法会改变原来的数组,而不会创建新的数组。

相关文章

  • Vue 将被侦听的数组的变更方法进行了包裹

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

  • 2019-01-26

    # VUE的计算属性,方法,侦听器 (1)计算属性,方法,侦听器 ``` {{fullName}} {{fullN...

  • 4.vue计算属性,方法和侦听器

    1.vue计算属性,方法和侦听器 2.vue计算属性的set和get方法

  • vue 数组修改侦听

    结论:this.arr[0] = 'a' 这种方式修改在data中注册过的(带有__ ob __ 属性的)数组,是...

  • Vue学习笔记(6)-触发视图更新

    Vue对一些方法进行了包装和变异,以后数组通过这些方法进行数组更新,会出发视图的更新。这些方法如下: push()...

  • Vue进阶

    Vue实例 Vue实例生命周期函数 Vue模板语法 Vue计算属性、方法、侦听器 Vue计算属性的setter和g...

  • vue中是如何检测数组变化的

    个人理解:.使用函数劫持的方式,重写了数组的方法.Vue将data中的数组,进行了原型链重写,指向了自己定义的数组...

  • Vue.js 中 computed & method & wat

    Vue.js 的实例中可以定义 computed(计算属性)、methods(方法) 和 watch(侦听) 3个...

  • 数据劫持

    数据驱动视图: 新的问题:无法对新增的属性进行监听 在下面重新监听新的值 特别优待的数组(vue对数组的方法进行了...

  • vue 中数组和json的响应式

    一. vue 中数组操作的响应式 1. Vue 中javaScript 数组响应式操作的方法 push()方法响应...

网友评论

      本文标题:Vue 将被侦听的数组的变更方法进行了包裹

      本文链接:https://www.haomeiwen.com/subject/kzyfhltx.html