vue 有没有push
在Vue的官方文档中，我们可以看到Vue提供了一些操作数组的方法，例如v-model进行双向绑定、使用v-for进行循环渲染等。但是，我们是否可以使用Vue提供的方法往数组中添加元素呢？即使用类似JS中的push方法。
答案是肯定的。Vue提供了push方法来实现往数组中添加元素的操作。在Vue中，我们可以使用下面这种方式来向data中的数组添加元素：
<template>
<div>
<p>数组长度：{{testArr.length}}</p>
<button @click="addToArr">添加元素</button>
</div>
</template>
<script>
export default {
name: "test",
data() {
return {
testArr: [1, 2, 3]
}
},
methods: {
addToArr() {
this.testArr.push(4);
}
}
}
</script>在上述代码中，我们定义了一个名为test的组件，并在data中定义了一个名为testArr的数组，其中初始值为[1, 2, 3]。另外，在模板中我们使用了一个button元素和一个p元素。点击button元素会触发addToArr方法，使testArr数组增加一个元素4。
这里需要注意的地方就是，在Vue中改变data中的数组时，我们需要使用Vue提供的set方法或者splice方法，否则Vue可能无法检测到数据的变化并进行重新渲染，导致页面无法更新。
不过，在实际的开发过程中，我们并不需要特别地使用set或者splice方法来操作数组。因为Vue提供的push方法内部已经对Vue的响应式系统进行了处理，可以自动触发重新渲染。因此，我们只需要像普通的JavaScript代码一样使用push方法，就可以实现往Vue的数据对象中添加元素的操作了。
需要注意的是，在处理数组时，我们应该避免直接对data中的数组进行改变。因为这样可能会导致数据不一致的问题。正确的做法是使用Vue提供的方法进行数组操作，或者使用浅拷贝的方式创建一个新数组进行修改。