Vue.jsについて必要な知識をまとめました。
自身の備忘録として記載します。

#Vue.js
リアクティブプログラミングといいます。
『再度アクティブになる』ということで、データが更新されると自動的にデータを利用している画面表示も更新されます。

#Node.jsとnpm
本格的なWebアプリ開発になると、クライアント側だけでなくサーバ側の開発も合わせて行う必要があるためNode.jsを使用します。
Node.jsを利用するとサーバー側だけじゃなく、クライアント側もJavaScriptだけ作成できるようになります。
npmはパッケージ管理ツールで、Node.jsのプログラムに組み込まれている。

#Vue.jsでメッセージを表示

<head>
<script src="https://unpkg.com/vue"></script>
<head>

<div id="sample">
{{ message }}
</div>

<script>
var app = new Vue({
    el : '#app',
    data : {
         message: 'Hello Vue!'
    }
})
</script>

上記コードでは、Vue.jsを使用してHello Vue!と表示させています。

#参考書籍
Vue.js & Nuxt.js超入門
https://www.amazon.co.jp/dp/4798056596?tag=maftracking247988-22&linkCode=ure&creative=6339https://www.amazon.co.jp/dp/4798056596?tag=maftracking247988-22&linkCode=ure&creative=6339