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