この記事では Vue.js を用いたタスクリスト管理アプリの実装を行いながら、Vue.js の各機能について紹介していきます。 開発環境は はじめてのVue.js - 単一ファイルコンポーネントを作れる環境構築編 (npm + gulp + browserify + babel + vueify)に準じて説明していきますので、未読の方は一度目を通していただけるとありがたいです。 モデルの実装 Vue.js はリアクティブデータバインディングを実現するためのフレームワークで、MVVMパターンで言う所の VM, View に焦点を当てています。 逆に Model 層については特にサポートがあるわけではなく、通常の JavaScript のオブジェクトを使用することになります。 ビジネスロジックやデータ操作自体を Model 層の通常の JavaScript の世界のみで完結できるので、 ロジッ
![はじめてのVue.js - タスクリストの実装から学ぶコンポーネントベースアプリ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/978156e362bd6bc00a82de68dfb48412f9867d44/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgxJUFGJUUzJTgxJTk4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUFFVnVlLmpzJTIwLSUyMCVFMyU4MiVCRiVFMyU4MiVCOSVFMyU4MiVBRiVFMyU4MyVBQSVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MSVBRSVFNSVBRSU5RiVFOCVBMyU4NSVFMyU4MSU4QiVFMyU4MiU4OSVFNSVBRCVBNiVFMyU4MSVCNiVFMyU4MiVCMyVFMyU4MyVCMyVFMyU4MyU5RCVFMyU4MyVCQyVFMyU4MyU4RCVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MyU5OSVFMyU4MyVCQyVFMyU4MiVCOSVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MjAwNGFjNDA4MjFiYTUxODdiN2E2OTUyNDFmOTJlZGI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBheWFzdWRhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNjQ2ZTBjNzZhZGRkODhmY2UxYmQwMjgxNjRkNTNmZA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db8a8d7ad54cc87c5b1db6a38b498c154)