学习小收获笔记

1、新见了console.group，方便以后调试

console.group(this.$refs.txt.innerHTML);
//打印的时候分组，会自动缩进  直到console.groupEnd 就不会缩进了

2、之前原生js控制元素时都是通过id或者class进行控制，vue、react有ref属性，使得控制元素更加方便。

eg:

<templete>　

<p ref="name" v-if="show">{{message}}</p>

</templete>

this.$refs.name 对元素进行操作。

3、在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。

　　根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。

利用vue的$set可以解决此问题：

this.$set(this.ob,"age","23");

4、删除data中定义对象的某个属性值，这个用的会很少。this.$delete(this.ob,"sex")