概要 以前に投稿した「サーバーサイドJavaエンジニアがVue.jsの基本を学習したときのメモ」に続く記事です。 Vue.jsの基本と周辺技術を学びながら簡単なメモアプリを実装してみました。 実装にあたってVue.jsに加えてルーティングにvue-router、ストア(状態管理)にVuex、CSSフレームワークにbootstrap-vueを利用しました。 ソースコードはrubytomato/exercise-vueにあります。(2018年6月6日現在、この記事と若干変わっていますがご了承ください) 環境 Windows 10 Professional Node.js 8.11.1 Vue.js 2.5.16 vue-router 3.0.1 Vuex 3.0.1 bootstrap-vue 2.0.0-rc.11 vue-moment 4.0.0 vue-cli 2.9.3 Visual
![Vue.jsで簡単なメモアプリを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/194c97ba668d9026650730de58e1709b18afb148/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9VnVlLmpzJUUzJTgxJUE3JUU3JUIwJUExJUU1JThEJTk4JUUzJTgxJUFBJUUzJTgzJUExJUUzJTgzJUEyJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wMWE2MDc0YThkZThmNmMyNzJmNmMzN2U5ZTdlNjA0Mw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcnVieXRvbWF0byU0MGdpdGh1YiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGNlMDE4MWY4NGQyYjk4MWU4ZjdlYmExM2JmMDBiZDg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D9c792b50cbd87d9ab8ccab03869c4a80)