1.变异方法(修改原有数据,会影响原有数组数据)
都会被Vue处理成响应式的方式,只要调用这些方法,都会影响到页面中模板内容的变化
this.list.push(this.fname)
push()
数组末尾添加一个或多个元素pop()
删除数组的最后一个元素shit()
删除数组的第一个元素unshit()
向数组开头添加一个或多个元素splice()
删除数组中指定元素sort()
对数组中的元素进行排序reverse()
反转数组,颠倒顺序
2.替换数组(生成新的数组,不会对原数组产生影响)
调用完之后,他的返回值需要重新赋值给原始的数组
this.list = this.list.slice(1, 2)
concat()
连接两个或多个数组filter()
通过检查指定数组中符合条件的所有元素slice()
提取数组中指定元素
<div id="app">
<div>
<span>
<input type="text" v-model="fname">
<button @click = "add">添加</button>
<button @click = "del">删除</button>
<button @click = "change">替换</button>
</span>