${message}

Test1: bind and events

Events

count =

Test2: model binding with v-model

Bind input

text = ${text}

Bind checkbox

flag = ${flag}

Bind textbox

${multiline}

Bind select

select = ${select}

Test3: CSS class and style binding

Color Me

Paint it black

Color red

Test4: v-if and v-for tests

I have these elements: ( both checkboxes are on only checkbox1 is on only checkbox2 is on both chexkboxes are off )

Test5: components as DOM element

Todo list

Test5: components as JS objects

Todo list

Test6: JS getter and setter as watchers

Color Me

Paint it black

Color red, setted ${times} times

Test7: reuse logic

Color Me Paint it black Color red, setted ${times} times

Color Me Paint it black Color red, setted ${times} times

Test8: slots