Vue前端入门,第5节 Object.defineProperty的属性和方法

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

第5节 Object.defineProperty的属性和方法

<div id="person">
  <pre>
    {{ person }}
    {{ person.sex }}歌手{{ person.name }}今年{{ person.age }}岁了,最好听的歌曲是<<{{ person.song }}>>
  </pre>
</div>

作用: 直接在一个对象上定义一个新属性,或者修改一个已经存在的属性

语法: Object.defineProperty(obj, prop, desc)

参数: obj 需要定义属性的当前对象

prop 当前需要定义的属性名

Vue前端入门,第5节 Object.defineProperty的属性和方法

为对象的属性进行赋值,那么对象的属性也就可以被删除,也可以被修改。

使用Object.defineProperty()定义的属性,可以使用set、get描述符控制对象的属性。

get为获取属性值,set为设置属性值。

Vue前端入门,第5节 Object.defineProperty的属性和方法

随后就可以将变量通过vue进行传递到页面

Vue前端入门,第5节 Object.defineProperty的属性和方法

Vue前端入门,第5节 Object.defineProperty的属性和方法

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容