Vueは、ユーザーインターフェースを構築するためのJavaScriptフレームワークです。

標準的なHTML、CSS、JavaScriptを土台とするプログラミングモデルです。

JavaScriptは、WebサイトやWebアプリにアニメーションなどの動きを付けられるプログラミング言語です。

JavaScriptで開発する場合、フレームワークと呼ばれる開発基盤を使うことで、開発工数を抑えて品質を高められるというメリットがあります。


フレームワークは、アプリの土台となる構造やアーキテクチャ、基本的な機能の実装を含んだ開発支援ツールのことです。

フレームワークが提供する土台の上に、個々のプロジェクトで必要な機能を構築していくことで、Webアプリの開発の効率化を図ることができます。


Vue.jsの特徴として、

　・読み込みや実行がはやい

　・JavaScriptライブラリと併用できる

　・多種多様な開発分野に活用できる

　・開発にかかる工数を減らすことができる

　・成果物の品質を高めやすくなる

　・初心者にも扱いやすい

　・小規模な開発を行う人に最適

といった特徴があります。


同じJavaScriptのフレームワークでReactがあるのですが、それは大規模開発向けの人におすすめです。最近はVue.jsが色々な場面で活躍しています。

<script>
export default {
    data() {
        return {
            msg: ‘Hello World!’
        }
    }
}
</script>

<script>
import { ref } from ‘vue’

const msg = ref(‘Hello World!’)

console.log(msg.value);

</script>

<template>

    <h1>{{ msg }}</h1>
    <input v-model=”msg” />

</template>