2020-01-01から1日間の記事一覧

基礎からメモ: Vue.js CH5-p161 子から親へのコンポーネント間通信

カスタムイベントと$emit 子コンポーネントの状態に対応して親コンポーネントに何らかのアクションを起こさせるとか、子コンポーネントが持つデータを親に渡すなどの場合、カスタムイベントとインスタンスメソッドの$emitを使う。

基礎からメモ: Vue.js CH5-p159 親子間で受け取るデータのデータ型を指定する

propsで受け取るデータのデータ型を指定する propsで受け取るデータのデータ型を指定しておくことができる。受け取るデータ名にStringなどのデータ型を指定しておく。

基礎からメモ: Vue.js CH5-p153 コンポーネント間の通信

コンポーネントのスコープ コンポーネントのインスタンスはそれぞれが自分のスコープを持っている。 スコープ内のデータやメソッドには、thisを使ってアクセスできる。 this.message // スコープ内データ this.update // スコープ内メソッド コンポーネント…

基礎からメモ: Vue.js CH5-p146 コンポーネントとは

コンポーネントとは、機能を持つUI部品ごとにテンプレートとJavaScriptを1つのセットにして、開発管理するための仕組み。