その他
インポート
import { defaultConverter } from 'lit';型
ComplexAttributeConverterNodeのようなサーバー環境ではtrue、ブラウザ環境ではfalseとなるブール値です。この値がtrueとなるには、サーバー環境またはツールチェーンが"node"エクスポート条件をサポートしている必要があります。
インポート
import { isServer } from 'lit';型
false詳細
これは、コンポーネントがSSRコンテキストで実行されているかどうかによって動作を変更するために、コンポーネントを作成する際に使用できます。
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { LitUnstable } from 'lit';詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEventsがtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEventsを有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
valueがoldValueと異なる場合にtrueを返す変更関数です。このメソッドは、プロパティのhasChanged関数のデフォルトとして使用されます。
インポート
import { notEqual } from 'lit';シグネチャ
notEqual(value, old): boolean
パラメータ
- value
unknown- old
unknown
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { ReactiveUnstable } from 'lit';詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEventsがtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEventsを有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
テンプレートの更新可能なインスタンスです。テンプレートインスタンスの更新に使用されるPartsへの参照を保持します。
インポート
import { TemplateInstance } from 'lit';メソッドとプロパティ
new TemplateInstance(template, parent): TemplateInstance
コンストラクタへのパーマリンクパラメータ
- template
Template- parent
ChildPart
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { Unstable } from 'lit';詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEventsがtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEventsを有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
インポート
import { CompiledTemplate } from 'lit';メソッドとプロパティ
インポート
import { CompiledTemplateResult } from 'lit';メソッドとプロパティ
インポート
import { DirectiveParent } from 'lit';インポート
import { Disconnectable } from 'lit';インポート
import { HasChanged } from 'lit';シグネチャ
HasChanged(value, old): boolean
パラメータ
- value
unknown- old
unknown
インポート
import { HTMLTemplateResult } from 'lit';型
TemplateResult<HTML_RESULT>インポート
import { Initializer } from 'lit';型
(element: ReactiveElement) => voidPropertyValues を使用することをお勧めします。これを使用しないでください。
インポート
import { PropertyValueMap } from 'lit';メソッドとプロパティ
パラメータ
- k
K
パラメータ
- k
K
パラメータ
- k
K
パラメータ
- key
K- value
T[K]
renderから返される最上位のChildPartで、その下にあるツリー全体で作成されたAsyncDirectiveの接続状態を管理します。
インポート
import { RootPart } from 'lit';メソッドとプロパティ
パートの末尾のマーカーノード(存在する場合)。詳細は.parentNodeを参照してください。
パートがそのコンテンツをレンダリングする親ノード。
詳細
ChildPartのコンテンツは、隣接する.parentNodeの子ノードの範囲で構成され、場合によっては「マーカーノード」(.startNodeと.endNode)で区切られます。
.startNodeと.endNodeの両方がnull以外の場合、パートのコンテンツは.startNodeと.endNodeの間にあるすべての兄弟ノード(両端を含まず)で構成されます。.startNodeがnull以外で.endNodeがnullの場合、パートのコンテンツは.startNodeの後のすべての兄弟ノードで構成され、.parentNodeの最後の子ノードまでを含みます。.endNodeがnull以外の場合、.startNodeは常にnull以外になります。.endNodeと.startNodeの両方がnullの場合、パートのコンテンツは.parentNodeのすべての子ノードで構成されます。
パートの先頭のマーカーノード(存在する場合)。詳細は.parentNodeを参照してください。
このルートChildPart内に含まれるAsyncDirectiveの接続状態を設定します。
パラメータ
- isConnected
booleanこのツリー内のディレクティブを接続するかどうか
詳細
lit-htmlはDOMの接続状態を自動的に監視しません。そのため、part.setConnected(false)がパートオブジェクトが破棄される可能性がある前に呼び出されることを保証し、AsyncDirectiveが保持されているリソースを破棄する機会を与えるのは、呼び出し元の責任です。以前に切断されたRootPartがその後再接続され(そしてそのAsyncDirectiveを再接続する必要がある場合)、setConnected(true)を呼び出す必要があります。
特定の種類のDOMシンクに書き込まれる値をサニタイズできる関数。
インポート
import { ValueSanitizer } from 'lit';型
(value: unknown) => unknown詳細
SanitizerFactoryを参照してください。
サポートされている開発モードの警告カテゴリの1つを表す文字列。
インポート
import { WarningKind } from 'lit';型
"change-in-update" | "migration"