初探数据双向绑定

陆斌发布于2019-08-26 11:55 / 355人阅读

摘要：数据描述符与存取描述符不可混用否则报错。的参数数据描述符属性的值，默认为。运行结果注意当使用了或方法，不允许使用和这两个属性。标签设置键盘弹起事件赋值，实现数据双向开始。

认识Object.defineProperty以及Object.defineProperties

Object.defineProperty会直接在对象上定义新的属性和方法，或者修改存在的属性和方法，并返回这个对象。

语法：

Object.defineProperty(object, propertyname, descriptor)

参数：

object 必需。添加需要修改属性或者添加属性的对象。

propertyname 必需。需要定义或者修改属性的名称(字符串)。

descriptor 必需。属性描述符。通俗说，属性的描述。可以添加数据(数据描述符)属性，或者访问器(存取描述符)属性。数据描述符与存取描述符不可混用,否则报错。后续详解。

descriptor的参数

数据描述符

value-----属性的值，默认为 undefined。

writable-----属性是否可写，当属性的值可以被赋值操作修改时设置为true。默认为false。

访问器描述符

get-----属性的getter方法，属性如果有getter方法，则返回属性值，否则返回undefined。默认为 undefined。

set-----属性的setter方法，属性如果没有setter方法，返回undefined。该方法接收唯一的参数，作为属性的新值。默认为 undefined。

实例

实现input输入，span同时输出功能

运行结果

注意

当使用了getter或setter方法，不允许使用writable和value这两个属性。

get或set不是必须成对出现，任写其一就可以。如果不设置方法，则get和set的默认值为undefined

Object.defineProperties使用

语法

Object.defineProperties(obj, props)

使用实例

两个input标签之间数据互传

运行结果

GPU云服务器云服务器双向数据绑定 js双向数据绑定 js双向绑定数据 asp双向数据绑定

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107814.html

React 初探

摘要：各个组件维护自己的状态和，当状态变更，自动重新渲染整个组件。形式的定义的组件是以的形式来创建的组件的，是目前极为推荐的创建有状态组件的方式，最终会取代形式相对于可以更好实现代码复用。组件名称首字母必须大写。变量名用包裹，且不能加双引号。目前在前端开发领域，框架Angular、react和vue占据着主流的地位而且可能会持续比较长的一段时间。三门框架中，从数据绑定机制来看，vue和an...

levy9527 2019-08-21 12:05 评论0 收藏0
React 初探

摘要：各个组件维护自己的状态和，当状态变更，自动重新渲染整个组件。形式的定义的组件是以的形式来创建的组件的，是目前极为推荐的创建有状态组件的方式，最终会取代形式相对于可以更好实现代码复用。组件名称首字母必须大写。变量名用包裹，且不能加双引号。目前在前端开发领域，框架Angular、react和vue占据着主流的地位而且可能会持续比较长的一段时间。三门框架中，从数据绑定机制来看，vue和an...

trilever 2019-08-01 17:32 评论0 收藏0
vue初探--编写表格组件

摘要：容器里面包含部分，其一为提供过滤器的入口其二为表格组件。数据绑定，简写形式为在父组件和子组件的通讯中，必须要在子组件里面声明。如果是编写则必须是注册组件的语法糖。下次还是上动图吧以后基本上碰到这种使用表格呈现数据的组件。在项目当中，经常会有表格组件，包含2部分，其一为table-header,其二为table-content 然后在这个小demo里面涉及到了vue的个别指令: v-f...

dabai 2019-08-19 17:12 评论0 收藏0
vue初探-简易留言板

摘要：学完的基础语法之后，练手一下，从最基本的留言板开刀吧。功能不多，主要为了熟悉的基础语法使用。学完vue的基础语法之后，练手一下，从最基本的留言板开刀吧。功能不多，主要为了熟悉vue的基础语法使用。详细vue教程请移步vue.js 2.0 技术框架 1.vue.js 2.0 2.bootstrap 语法概述这里只写一点此例子用到的一些语法知识，详细API请移步：vue 2.0 a...

GHOST_349178 2019-08-20 12:04 评论0 收藏0