详细解释JavaScript的Polymer框架中的通知交互

Polymer以访问器属性的形式定义有监听需求的属性(没有监听需求的属性仍然以普通属性的形式定义)。在模板中，也可以使用“:”的语法将属性双向同步到目标元素的一个事件，这是Angular中双向绑定的概念，甚至更纯粹，更接近原理。如果属性中定义的属性没有添加notify，也没有在模板中使用，那么它就没有监控要求，所以它将被定义为一个公共属性。否则，它将被定义为访问器属性，下面的示例解释了这个问题的操作

脚本var Polymer={ DOM : ' shadow ' }；/script base href=' http://www . web-tinker.com/share/'/link rel=' import ' href=' Polymer/Polymer . html '/DOM-module id=' demo-test '模板h1[[z]]/h1 /模板脚本Polymer({ is: 'demo-test '，properties : { x : { value : ' x ' }，y 3: { value 33: ' y '，notify: true } })console . log(object . getowntpropertysdescriptor(这。__proto__，' y ')；console . log(object . getowntpropertysdescriptor(这。__proto__，' z ')；} });/script/DOM-module demo-test/demo-test将notify属性设置为true，当它发生变化时，将生成一个“属性名称已更改”事件。注意，属性名和changed是用一个横杠链接起来的，changed是过去式，不是原来的变化形式。Polymer可以使用监听器添加事件监听，但不能直接绑定到函数，必须绑定到属性名(不明白为什么这么设计)。奔跑

脚本var Polymer={ DOM : ' shadow ' }；/script base href=' http://www . web-tinker.com/share/'/link rel=' import ' href=' Polymer/Polymer . html '/DOM-module id=' demo-test '模板h1[[i]]/h1 /模板脚本Polymer({ is: 'demo-test '，properties : { I : { value 33:notify: true } }，ready 3: function(){ setInterval(function(the){ 0}，100，这个)；}，listener : { ' I-changed ' : ' iChangeHandler ' }，iChangeHandler:函数(事件){ console . log(event . detail . value)；} });/script/DOM-module demo-test/demo-test事件可以在模板中使用“:3360”的语法进行捕获，这些事件包括上面生成的通知事件和用户主动触发的交互事件。奔跑

脚本var Polymer={ DOM : ' shadow ' }；/script base href=' http://www . web-tinker.com/share/'/link rel=' import ' href=' polymer/Polymer . html '/DOM-module id=' demo-test '模板输入值=' { { text : input } } '/HR/text area值=' { { CSS 336033: input } } '/text arehr/h1 style $='[[CSS]'[[text]/h1/模板脚本Polymer(/script/DOM-moduledemo-test/demo-test

请注意，上面是style$='[css]'而不是direct style='css '，因为这里它被分配给元素的属性，而不是纯属性分配。所以在等号前加一个“$”(其实我觉得这个语法看起来很奇怪)。这些都是我知道的《高分子》里面的数据绑定内容。可能有遗漏，其他文章可能会有补充。