はじめに この記事はMisoca+弥生+ALTOA Advent Calendar 2018の24日目のエントリーになります。 フロントエンドの勉強のためVue.jsを使用してシングルページアプリケーションを試してみました。 Angular、Reactと比較してVue.jsが一番学習量が少ないだろうと思い、今回はVue.jsを選択。 また普段Djangoを使用しているためDjango REST frameworkと合わせて動かしてみました。 *とりあえず動くかすことが目的のためかなり説明少ないです..
![Vue.js + Django REST framework - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f67f44612b2b5261bf08716b6b75de4dfbab19c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlLmpzJTIwJTJCJTIwRGphbmdvJTIwUkVTVCUyMGZyYW1ld29yayZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9Y2JiOGU0ODA0YWM5ZmZmMGY2OGUyNDk2NjEwOGUyYTE%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDByeW9fbXQwOXNwJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zMzY0NDkxODRmYmYyMTcyZTBkYmRlMTY4ZDk0NTQxMQ%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D34d29f40e0b8d74188d5e9890a66a7fa)