基本構成(export default、computed、mounted、methods)

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

コメント