import Ġorg . mus yo z oku . vue kt .* Ċ Ċ @ Js Module ( vue . MODULE ) Ċ @ Js Non Module Ċ @ Js Name ( vue . CLASS ) Ċ external Ġclass ĠExample 1 Vue ( options : ĠComponent Options < Example 1 Vue >) Ġ: ĠVue Ġ{ ĊĠĠĠ Ġvar Ġmessage : ĠString ĊĠĠĠ Ġvar Ġchecked : ĠBoolean ĊĠĠĠ Ġvar Ġchecked Names : ĠArray < String > ĊĠĠĠ Ġvar Ġpicked : ĠString ĊĠĠĠ Ġvar Ġselected : ĠString ĊĠĠĠ Ġvar Ġmulti Selected : ĠArray < String > ĊĠĠĠ Ġvar Ġoptions : ĠArray < Option Item > Ċ } Ċ Ċ class ĠOption Item ( val Ġtext : ĠString , Ġval Ġvalue : ĠString ) Ċ Ċ // Ġ Ġnew ĠVue ({ Ċ // ĠĠĠ Ġel : Ġ' ...', Ċ // ĠĠĠ Ġdata : Ġ{ Ċ // ĠĠĠĠĠ Ġ... Ċ // ĠĠĠĠĠ Ġchecked Names : Ġ[] Ċ // ĠĠĠĠĠ Ġ... Ċ // ĠĠĠĠĠ Ġselected : Ġ' A ', Ċ // ĠĠĠĠĠ Ġoptions : Ġ[ Ċ // ĠĠĠĠĠĠĠ Ġ{ Ġtext : Ġ' One ', Ġvalue : Ġ' A ' Ġ}, Ċ // ĠĠĠĠĠĠĠ Ġ{ Ġtext : Ġ' Two ', Ġvalue : Ġ' B ' Ġ}, Ċ // ĠĠĠĠĠĠĠ Ġ{ Ġtext : Ġ' Three ', Ġvalue : Ġ' C ' Ġ} Ċ // ĠĠĠĠĠ Ġ] Ċ // ĠĠĠ Ġ} Ċ // Ġ Ġ}) Ċ Ċ val Ġexample 1 Ġ= ĠExample 1 Vue ( Component Options Ġ{ ĊĠĠĠ Ġel Ġ= ĠElement Config ("# example - 1 ") ĊĠĠĠ Ġdata Ġ= ĠData ( json Ġ= Ġjson Ġ{ ĊĠĠĠĠĠĠĠ Ġmessage Ġ= Ġ"" ĊĠĠĠĠĠĠĠ Ġchecked Ġ= Ġfalse ĊĠĠĠĠĠĠĠ Ġchecked Names Ġ= Ġempty Array () ĊĠĠĠĠĠĠĠ Ġpicked Ġ= Ġ"" ĊĠĠĠĠĠĠĠ Ġselected Ġ= Ġ" A " ĊĠĠĠĠĠĠĠ Ġmulti Selected Ġ= Ġempty Array () ĊĠĠĠĠĠĠĠ Ġoptions Ġ= ĠarrayOf ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠOption Item (" One ", Ġ" A "), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠOption Item (" Two ", Ġ" B "), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠOption Item (" Three ", Ġ" C ") ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ}) Ċ }) Ċ Ċ @ Js Module ( vue . MODULE ) Ċ @ Js Non Module Ċ @ Js Name ( vue . CLASS ) Ċ external Ġclass ĠExample 2 Vue ( options : ĠComponent Options < Example 2 Vue >) Ġ: ĠVue Ġ{ ĊĠĠĠ Ġvar Ġtoggle : ĠString ĊĠĠĠ Ġvar Ġa : ĠString ĊĠĠĠ Ġvar Ġb : ĠString ĊĠĠĠ Ġvar Ġpick : ĠString ĊĠĠĠ Ġvar Ġselected : ĠString Ċ } Ċ Ċ val Ġexample 2 Ġ= ĠExample 2 Vue ( Component Options Ġ{ ĊĠĠĠ Ġel Ġ= ĠElement Config ("# example - 2 ") ĊĠĠĠ Ġdata Ġ= ĠData ( json Ġ= Ġjson Ġ{ ĊĠĠĠĠĠĠĠ Ġtoggle Ġ= Ġ"" ĊĠĠĠĠĠĠĠ Ġa Ġ= Ġ" a Ġis Ġselected " ĊĠĠĠĠĠĠĠ Ġb Ġ= Ġ" b Ġis Ġselected " ĊĠĠĠĠĠĠĠ Ġpick Ġ= Ġ"" ĊĠĠĠĠĠĠĠ Ġselected Ġ= Ġ"" ĊĠĠĠ Ġ}) Ċ }) Ċ Ċ @ Js Module ( vue . MODULE ) Ċ @ Js Non Module Ċ @ Js Name ( vue . CLASS ) Ċ external Ġclass ĠExample 3 Vue ( options : ĠComponent Options < Example 3 Vue >) Ġ: ĠVue Ġ{ ĊĠĠĠ Ġvar Ġmsg : ĠString ĊĠĠĠ Ġvar Ġage : ĠInt Ċ } Ċ Ċ val Ġexample 3 Ġ= ĠExample 3 Vue ( Component Options Ġ{ ĊĠĠĠ Ġel Ġ= ĠElement Config ("# example - 3 ") ĊĠĠĠ Ġdata Ġ= ĠData ( json Ġ= Ġjson Ġ{ ĊĠĠĠĠĠĠĠ Ġmsg Ġ= Ġ"" ĊĠĠĠĠĠĠĠ Ġage Ġ= Ġ 0 ĊĠĠĠ Ġ}) Ċ })