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)