《1-4 1.4.5Vue的实例属性ppt课件 Vue.js基础与应用开发实战（微课版）.pptx》由会员分享，可在线阅读，更多相关《1-4 1.4.5Vue的实例属性ppt课件 Vue.js基础与应用开发实战（微课版）.pptx（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1-4 1.4.5 Vue的实例属性教学课件 Vue.js基础与应用开发实战（微课版）1.4.5 Vue的实例属性实例属性是指Vue实例对象的属性，例如：vm.$data就是一个实例属性，用于获取实例中的数据对象。Vue程序中直接通过“vue对象.属性”形式访问的是来自data或computed的属性，以下内容使用“vm”表示vue对象，在vue对象中el、data等这些键也称为属性，这些属性就是vue的实例属性。1vm.$data返回当前Vue实例正在监视的数据对象，Vue实例会代理其$data对象上的所有属性。2vm.$el返回当前Vue实例使用的根DOM元素。对于片段实例，vm.$el指
2、向的是一个代表片段起始位置的锚节点。3vm.$props用于接收上级组件传递的数据，Vue实例代理了对其props对象属性的访问。4vm.$options返回当前Vue实例所使用的实例化选项。如果想要调用自定义选项，就会需要用到这个属性。例如：Var vm=new Vue(customOption:try,created:function()console.log(this.$options.customOption)/-try )5vm.$parent如果当前实例存在的话，返回当前vm实例的父实例。6vm.$root返回当前组件树的根Vue实例，如果当前实例已经没有父实例的话将会返回它自己。7vm.$children返回当前实例的直接子组件，通过this.$children可以得到当前实例的所有子组件实例集合。需要注意$children并不保证顺序，也不是响应式的。如果尝试使用$children来进行数据绑定，考虑使用一个数组配合v-for来生成子组件，并且使用Array作为真正的来源。8vm.$attrsvm.$attrs可以获取组件的属性，但其获取的属性中不包括class、style以及被声明为props的属性。快乐学习！高效学习！快乐学习！高效学习！祝学习进步！祝学习进步！