vue数组不可枚举

vue.js是一种受欢迎的前端框架，许多开发者选择使用它来构建复杂的web应用程序。在vue.js中，可以使用数组来存储和管理数据。然而，有些开发者可能会遇到一个问题：数组属性不能被vue.js所追踪。

这是因为Vue.js只能追踪对象属性的变化，而不是数组的方法。换句话说，如果你使用了数组的一些方法，Vue.js是无法检测到这些变化的，因为这些方法返回的是一个新的数组，而不是修改原数组。

从根本上来说，这个问题的原因是Vue.js使用了JavaScript的Object.defineProperty方法来追踪对象属性的变化。但是，这个方法只能追踪对象属性的读取和写入。它无法追踪到属性的删除和重命名，也无法追踪到数组的变化。

那么，怎么解决这个问题呢？有几种方法可以解决这个问题。

一、使用Vue.js提供的mutation方法

立即学习“前端免费学习笔记（深入）”；

Vue.js提供了一些mutation方法来修改数组，例如push、pop、shift、unshift、splice、sort和reverse等等。这些方法可以直接修改原始数组，并且Vue.js可以自动追踪它们的变化。例如，如果你使用push方法向数组中添加一个新元素，Vue.js会自动检测到这个变化，然后更新视图。

二、使用Vue.set或Vue.delete方法

如果你使用了一些不支持Vue.js追踪的数组方法，你可以使用Vue.set或Vue.delete方法手动通知Vue.js数组的更改。Vue.set方法接受三个参数：数组、索引和新值。它会将新值插入到指定的索引处，并通知Vue.js更新视图。Vue.delete方法也接受三个参数：数组、索引和要删除的元素。

三、使用Vue.watch属性

你还可以使用Vue.watch来监视数组的变化。Vue.watch可以监视任何Vue.js属性的变化，包括数组。但是，这种方法需要费一些时间和资源，因为Vue.js需要在每次数组变化时重新计算依赖关系和更新视图。

总之，使用Vue.js开发时，尽量使用mutation方法来修改数组。如果必须使用不支持Vue.js追踪的数组方法，请使用Vue.set或Vue.delete方法通知Vue.js数组的更改。如果这些方法都不能满足你的需求，你可以使用Vue.watch来监视数组的变化，但是需要注意它的性能和资源消耗。