在vue，我们操作最多的是各种数据。在jquery中，我们习惯于通过下标方向查找数据，然后重新分配它

例如，var a[0]=111；(希望上家公司原谅菜鸟。我写了很多这样的代码。)

下面的代码

html lang=' en ' head meta charset=' UTF-8 ' title document/title script src=' http :/js/vue . min . js '/script/head body div id=' app ' ul Li v-for=' listData中的项目' { item } }/Li/ul a href=' JavaScript : void(0)Rel=' external nofollow ' Rel=' external nofollow ' v-text=' he ' @ click=' changeData()'/a/div/body script new vue({ El : ' # app '，data: { he3360 '单击}} })/script/html当我点击按钮时，我发现没有变化，页面仍然是a、B、c B和c。

vue当然不会这样做饭

这里有一个很棒的内置方法

Vue.set()

官方解释

设置对象的属性。如果对象是响应的，请确保属性在创建后也是响应的，并触发视图更新。这种方法主要是为了避免Vue无法检测到属性被添加的限制。

我的理解是触发视图再次更新，数据是动态的

Vue.set(a、b、c)

a是要更改的数据

b是数据的第一项

c是更改后的数据

解决代码后上述数据不可更改

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title script src=' http :/js/vue . min . js '/script/head Body div id=' app ' ul Li v-for=' listData中的项目' { item } }/Li/ul a href=' JavaScript : void(0)' v-text=' he ' @ click=' changeData()'/a/div/Body script new vue({ El : ' # app '，data: {he: '指向我'，listdata3360 ['a '，' b列表数据。

我们可以看到这个. listData数组的第一项已经被改变了

X

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。