通过引用嵌套的 lit-element 传递对象答案

【问题标题】：Pass object by reference to nested lit-element通过引用嵌套的 lit-element 传递对象
【发布时间】：2020-10-08 11:17:54
【问题描述】：

嵌套元素和主要状态对象很少。我看到没有办法像 Angular 那样通过引用传递对象，例如在底部可用。我看到有可能在全球环境中工作。但这不是一个干净的解决方案。

【问题讨论】：

【解决方案1】：

如果您想将实际对象作为属性传递，那么您需要使用 lit-html 的“点表示法”。

<my-el .data=${dataObject}></my-el>

这和做的基本一样

document.querySelector('my-el').data = dataObject;

【讨论】：

我明白了。 .data 仅在 lit-component 内有效。外部使用 ocument.querySelector('my-el').data 。是否可以通过在 lit-component 之外声明性的属性来实现。
属性随处可见<my-el my-attribute="test-string"></my-el>
在这种情况下，它是字符串，对象是必需的。
不建议将对象作为字符串传递——如果你传递一个字符串化的 json 然后解析组件中的 json ......如果你使用“类型：对象”它，它可以工作会自动转换lit-element.polymer-project.org/guide/…
是的，我明白了。它是 Web 组件的主要特点 - 没有数据泄漏。但是现在我需要传递一个对象。