Vue.jsの仕組み | 一般的な説明 | サンプルコードの説明 |
---|---|---|
export default | Vueのコンポーネントを作るための基本の書き方。データや機能をまとめて、外部に渡せるようにする。 | export default の中に data() や methods を定義して、コンポーネントを作成する。 |
computed | データを元にした 計算結果 を自動で更新する仕組み。無駄な計算を減らして効率的に動く。 | computed の中に関数を書いて、リストの個数や合計値などを自動計算する。 |
mounted | コンポーネントが画面に表示されたとき に実行される関数。最初にデータを読み込むときに使う。 | mounted() の中に console.log() を書くと、「ページを開いたよ!」と表示される。 |
methods | ユーザーのアクション(ボタンを押す・入力する)に応じて動く関数を定義する。 | methods の中に関数を書いて、ボタンを押したら count++ でカウントを増やす。 |
基本構成(export default、computed、mounted、methods)

コメント