1-4 1.4.5Vue的实例属性ppt课件 Vue.js基础与应用开发实战（微课版）.pptx
( 4.5 )《1-4 1.4.5Vue的实例属性ppt课件 Vue.js基础与应用开发实战（微课版）.pptx》由会员分享，可在线阅读，更多相关《1-4 1.4.5Vue的实例属性ppt课件 Vue.js基础与应用开发实战（微课版）.pptx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。
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的属性。快乐学习！高效学习！快乐学习！高效学习！祝学习进步！祝学习进步！
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- 1-4 1.4.5 Vue的实例属性ppt课件 Vue.js基础与应用开发实战微课版 1.4 Vue 实例 属性 ppt 课件 js 基础 应用 开发 实战 微课版
淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
限制150内