🟢 2.1 変数、関数、オブジェクト、配列のおさらい

✅ 【要点】

Vue や Composition API の理解には、

• 変数って何？

• 関数って何？

• オブジェクトって？ 配列って？

  がしっかりわかっていることが必要。

→ ここでは「基本だけど超重要」な部分を整理する。

🟠 変数とは？ → 「データの入れ物」

// let: 変わる値
let count: number = 0;

// const: 変わらない（再代入できない）値
const name: string = 'Alice';

💡 Vue では「変わるもの」は ref() を使う。

だから「変わる / 変わらない」を意識するクセが大事。

🟢 関数とは？ → 「何回も使える処理の箱」

// 引数 name を受け取って、Hello を返す関数
function greet(name: string): string {
  return `Hello, ${name}!`;
}

const message = greet('Alice'); // "Hello, Alice!"

✅ 何かを入力（引数） → 出力（戻り値）する仕組み。

🟣 関数式（アロー関数）

// アロー関数（よく使う書き方）
const greet = (name: string): string => {
  return `Hello, ${name}!`;
};