如何使用＆＃34;隐藏＆＃34;属性

Question

我可以看到官方聚合物元素正在使用hidden属性：

hidden$="[[!someValue]]"和hidden$=[[someValue]]

但是，在我的情况下，someValue是一个巨大的对象，虽然上面的表达式仍然有效，但hidden$=[[someValue]]我可以看到类似的内容：

应用程序执行不必要的工作序列化该对象+拥有所有该文本使我更难以使用DevTools。

所以，我使用了hidden=[[someValue]]和hidden=[[!someValue]]。这些工作就像一个魅力。

我的问题是：

• 我可以安全地使用hidden=代替hidden$=吗？
• 为什么这甚至有效？我了解$=设置属性，=设置属性。
• 如果我应该使用hidden$=最佳方式hidden$=[[bigObject]]？

Answer 1

看起来您可以安全地使用hidden属性或属性。来自webcomponentsjs库的This polyfill表示设置属性也会反映到该属性。这可以解释为什么$=和=具有相同的行为。

由于该setter会将值覆盖为''，我希望设置属性（=）会占用更少的内存并且性能更高，但显然基准测试是唯一可行的方法。肯定的。