Vue基础学习5

版权声明:随意了,开心就好。反正是给大家分享的笔记 https://blog.csdn.net/u011486491/article/details/82191931

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属性。

猜你喜欢

转载自blog.csdn.net/u011486491/article/details/82191931