vue中 $set,$delete,$forceUpdate()

1.$set给data对象中的变量设置值，比如我在data中定义了一个对象，在使用的时候我想给这个对象赋予一个a的属性。

var app = new Vue({
	el:"#main",
	template:'<div>{{obj.a}}</div>'
	data:{
		obj:{}
	}
})
var i=0;
i++;
app.$set(app.obj,'a',i)

//语法糖[vm.$set( target, key, value )]

2、$delete删除对象的属性

app.$delete(app.obj,'a')

3、$forceUpdate()强行更新vue实例

方法一：

//在data中声明了obj对象，但并没有a的声明
setInterval(()=>{
	var i=0；
	i++；
	app.obj.a=i;
},1000)
console.log(app.obj.a)

但是在页面中并不会显示出a的值，但是a的值在一直改变,console会打印出来，这中方法a的值并没有在data中事先声明，不能显示在页面，如果想显示出来，也可以在声明obj的时候，给a声明一个空值。
在data中声明的对象的属性并没有声明，但是调用了，这是非响应式，不会重新渲染

方法二：

//使用app.$forceUpdate()，强行更新vue实例
var app = new Vue({
	el:"#main",
	template:'<div>{{obj.a}}</div>'
	data:{
		obj:{}
	}
})              
setInterval(()=>{
	var i=0；
	i++；
	app.$forceUpdate(app.obj,'a',i)
},1000)
console.log(app.obj.a)  

$forceUpdate该方法会重新给obj的a属性重新声明，在页面就能显示出来了，但是这种方法不建议使用，如果要使用到a的值，可以先声明一个空值