一、Vue.set()
Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。
<div id="app">
<h1>{{count}}</h1>
<ul><li v-for="val in arr">{{val}}</li></ul>
<button onclick="add()">add</button>
</div>
<script>
function add(){
// Vue.set(outData,"count",4);
// app.count++;
// app.arr[0]="222222";
Vue.set(app.arr,1,"sssss");
}
var outData={
count:1,
goods:'car',
arr:["111","222"]
};
var app=new Vue({
el:"#app",
data:outData,
})
</script>
在data后面直接写属性名
image.png
image.png
ai
二、为何用vue.set（）？
由于Javascript的限制，Vue不能自动检测以下变动的数组。
*当你利用索引直接设置一个项时，vue不会为我们自动更新。
*当你修改数组的长度时，vue不会为我们自动更新。
image.png
image.png
