vivere

Toggle Buttons

Basic buttons that turn things on and off

v-attr

v-data

v-on

computed

Inputs

Handling and syncing data with inputs

v-attr

v-data

v-on

v-ref

v-sync

$refs

beforeConnected

beforeDehydrated

beforeDestroyed

connected

dehydrated

destroyed

Link Magic

Magically on demand link behavior

v-attr

v-data

v-on

Images

Fun with interactive images!

v-attr

v-data

v-else

v-if

v-on

Tabs

Use tabs to control what views are shown

v-attr

v-data

v-else

v-else-if

v-if

v-on

$dispatch

Counters

Basic counters built a few different ways

v-attr

v-data

v-func

v-on

Lists

Dynamic lists of items

v-attr

v-data

v-for

v-on

computed

connected

To-Do List

An interactive to-do

v-attr

v-data

v-for

v-func

v-if

v-on

v-ref

v-sync

$refs

computed

watch

Performance

Push Vivere to its limits

v-attr

v-data

v-for

v-func

v-hide

v-if

v-on

v-sync

computed

watch

Complex Interactions

Some advanced use cases for Viere

v-attr

v-data

v-for

v-func

v-hide

v-if

v-on

v-ref

v-sync

$refs

computed

watch

Animations

Using animations when hiding/revealing content

v-data

v-if

v-on

Data Integrity

Ensure conditional rendering respect different types of data

v-attr

v-data

v-else

v-else-if

v-for

v-func

v-if

v-on

v-ref

v-sync