vsn-bind

vsn-bind connects an element to a scope value and keeps it in sync.

Text binding

<span id="name" vsn-bind="name"></span>

behavior #name {
  name: "Vision";
}

Two-way binding

<input id="name" vsn-bind:both="name" />

Updates flow both ways between the input and scope.

Directions

• vsn-bind or vsn-bind:from → scope → element
• vsn-bind:to → element → scope
• vsn-bind:both → two-way

Related

• Bindings
• State & Scope