Vue删除对象属性需要注意的地方

Vue作为一款很火的开源框架，应用也越来越广，好了直接入主题，

var test = new Vue({

el: '#vue_test',

data: {

remarks: 'Hello Vue.js!'

}

})

上面的一段代码是我们使用Vue时常用的，这样remarks就成为创建的Vue对象的一个属性，如果我们要添加Vue属性可以通过set方法：

create_model.$set("xx",xx);

删除属性则可以使用vue的delete方法：

Vue.delete( object, key )

但是需要注意的是下面这种情况：

<div id="vue_test">

........

<textarea  id="remarks" name="remarks" v-model="pg.remarks" type="text" class="input-large"></textarea>

<div>

笔者在这里要说的是上面标红的部分，我们在这里上面代码创建了test的vue对象，而pg是该vue对象的一个属性，只不过pg这个属性是一个对象，针对这种情况如果需要删除remarks属性的话则需要通过下面的方式：

Vue.delete( test.$data.pg, "remarks")