Vue.jsは、ユーザーインターフェースを構築するためのプログレッシブなJavaScriptフレームワークです。「プログレッシブ」とは、段階的に採用できることを意味します。ページの一部に組み込むことも、完全なシングルページアプリケーション構築に使用することもできます。
最小限のコンポーネント
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
このシングルファイルコンポーネントは、ロジック(<script>)、マークアップ(<template>)、および(オプション)スタイル(<style>)をまとめます。ボタンをクリックするとが更新され、Vueがテキストを自動的に再レンダリングします。
