数组中哪些方法是响应式的

案例(点击按钮,页面变化,为响应式)

数组中哪些方法是响应式的

数组中哪些方法是响应式的

 

 

 

1. push方法 (响应式)

数组中哪些方法是响应式的

 

 

 

2.pop 删除数组中最后一个元素(响应式)

数组中哪些方法是响应式的

 

 

 3.shift 删除数组中第一个元素 (响应式)

数组中哪些方法是响应式的

 

 

 4.unshift 在数组最前面添加元素(响应式)

数组中哪些方法是响应式的

 

 

 5.splice 作用(响应式)

   作用:删除元素/插入元素/替换元素

第一个元素为开始的元素

删除元素:第二个参数传入你要删除几个元素(如果没有传,就删除后面所有的元素)

(从第一个元素后面开始,删除两个元素)

数组中哪些方法是响应式的

 

 

 数组中哪些方法是响应式的

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

(从第一个元素后面开始,删除三个,在替换为'aaa','bbb','ccc','ddd')

数组中哪些方法是响应式的

 

 

 数组中哪些方法是响应式的

插入元素:第二个参数为0,并且后面跟上要插入的元素

(第一个元素后面开始,插入'aaa','bbb','ccc','ddd'这四个元素

数组中哪些方法是响应式的

 

 

 数组中哪些方法是响应式的

6. sort 给数组排序 (响应式)

7. reverse 倒序 (响应式)

8.注意:通过索引值修改数组中的元素(不是响应式)

点击没有反应

数组中哪些方法是响应式的

 

 

 数组中哪些方法是响应式的

 

 

可以换方法为

(1)  this.letters.splice(0,1,'bbb')

数组中哪些方法是响应式的

 

 数组中哪些方法是响应式的

 

(2) Vue.set(this.letters,0,'bbb')

    set(要修改的对象,索引值,修改后的值)

数组中哪些方法是响应式的

 

 数组中哪些方法是响应式的

 

上一篇:springDI(注入)


下一篇:复杂类型注入