サンプル集
ichigo.js の動くサンプルです。各ページはソースを読みながら試せます。
アプリ例
- Todo リスト —
data/computed/ リスト操作、localStorage連携 - ショッピングカート — 数量・合計の算出、双方向バインド
- 商品検索 — 入力に応じた絞り込みと並べ替え
ディレクティブ・連携例
- チャート連携 —
userDataで外部ライブラリ(Chart.js)を保持・破棄 - アニメーション — アニメーションライブラリとの連携
- ライフサイクルフック —
@mounted/@updated/@unmountedの挙動
Observer ディレクティブ
- Resize Observer —
v-resizeで要素サイズの変化を監視 - Intersection Observer —
v-intersectionで可視判定(遅延読み込み等) - Performance Observer —
v-performanceでパフォーマンス計測
すべての一覧は ichigojs のサンプルトップ を参照してください。文法の詳細は「基本ガイド」へ。