Examples

Live ichigo.js examples — each page lets you try it while reading the source. Here is what each one teaches.

App examples

Example What you learn
Todo list data / computed, list operations, v-model, localStorage
Shopping cart computing quantity, subtotal and shipping, two-way binding, coupons
Product search filtering and sorting as you type, chained computed

Lifecycle & integration examples

Example What you learn
Lifecycle hooks @mount / @mounted / @updated / @unmounted, $ctx, CSS animation
Chart integration hold and dispose Chart.js via $ctx.userData, driven by computed
Animation combining Anime.js with lifecycle hooks, staggered effects

Observer directives

Example What you learn
Resize Observer watch element size with v-resize, :options.resize
Intersection Observer detect visibility with v-intersection, threshold options
Performance Observer observe marks and measures with v-performance

For the full list, see the ichigojs examples home.

See also