Vue基础学习5

Vue基础学习5

Vue中的属性和方法

对于Vue来说，我们new出一个对象赋值给vm之后，vm便可以操作Vue的各个属性。

获取属性的值:

vm.value可以直接获取data中value属性的值，

而通过加入$前缀，则可以拿到属性关联的元素：

vm.$data.msg：直接获取data中的msg信息。

vm.$el：获取的是body中的标签结构。

 

如果要获取主节点下的这个nameVar的值，我们可以用

vm.来获取！注意这里是​options!

 

利用ref标记的属性修改对应的标签

这里，我们通过利用ref属性去修改对应标签元素Dom节点。

 

$nextTick对取dom值进行延迟的处理。

如果不进行$nextTick处理，则会报错，因为Dom还没有渲染结束。

 

对对象内部添加删除属性

$set添加属性

user对象中没有age属性，而我们通过$set进行添加，这里的this再vue的内部，则指代的是vm。而如果在vue外部则指代的是window对象。

与之对应的，我们通过$delete去删除user的age属性。