vue学习笔记11 vue.set全局操作

{{count}}
<button type="button" onclick="add()">ADD</button>

我们用3种方法改变count值

function add(){
　　//直接操作外部数据
　　outData.count++
　　//用Vue对象的方法添加
　　app.count++
　　//用Vue.set改变
　　Vue.set(outData,'count',88)

}

//在构造器外部声明数据
 var outData={
    count:1,
    arr:[11,22,33,44]
};
var app=new Vue({ el:'#app', //引用外部数据 data:outData })

<li v-for="item in age">{{item}}</li>


但当我们想改变数组的数据时

app.arr[1]=88 //无效

只能通过 Vue.set(app.arr,1,88)