Vue从零开始总结16

数组当中的响应式方法：

push:向数组后面插入元素，并允许插入多个元素(...item）这个叫做不定长参数

pop与它对应，是负责删除元素的，它是从后往前删的

它是一次只删除一个，不可多删，也不可删除指定内容。

我们说完一对了，再来凑一对哈

这一对新人是unshift和shift

前者呢是向数组前面插入元素

后者呢是从前向后删

这时就有人会问了，从前插，从后插，从前删，从后删，我不舒服，欸，我偏要换个姿势，我想怎么样就怎么样

那可以啊孩子，splice满足你

splice包含三大功能：一是插入，而是删除，三是替换，而且是可以指定位置的，够爽吧

我们先讲讲插入-->app.movies.splice(0,0,'爱')，第一个参数是从这儿之后的一个位置开始，第二个参数是要删除元素的个数，第三个则是你要插入的内容

再来说说删除，app.movies.splice(0)这个代表全删

app.movies.splice(0,1)这个代表从第一个开始删除，删除一个元素

最后说一下替换，app.movies.splice(0,1,'妹子')如果要替换多个元素则app.movies.splice(0,2,'妹子','哥哥')这样

除了这些操作外，还有两个比较实用的，一个是sort，它是负责排序的，一个是reverse，它是负责颠倒数组元素的。

sort默认排序为正序，要想让其倒序还需要写些内容

为此我们需要深入底层

<div id="app">
 {{movies.sort(sorts)}}
</div>

通过改写sorts这个函数的返回值来决定是升序还是降序

methods:{
  sorts(a,b){
   return a-b;
  }

这是升序

methods:{
  sorts(a,b){
   return b-a;
  }

这是降序