Vue.js

Vue.js

Vue.js(v3)のv-forでrefを使う方法(Composition API)

Vue.jsのComposition APIを使っているコンポーネントで、v-forをしている箇所に対して、refを使うときにハマりました。やりたかったのはv-forで複数定義しているテキストエリアをrefで参照して、値を更新するという処理...
Vue.js

Vue.js(v3)でemitを使う(Composition API)

Vue.js(v3)のComposition APIで、emitを使う方法を書いています。emitについては、前回の記事に書いていますので確認してみてください。前回の記事で作成したコンポーネントと同じものをv3のComposition AP...
Vue.js

Vue.js(v2)のemitを使う方法(子から親への値渡し)

Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。Vue.jsのバージョンは2(Options API)です。emitについての公式ドキュメントは下記になります。emitとは?子コンポーネントで、ユーザー...
Vue.js

Vue.js(v2, v3)のrefsの使い方(親から子の要素参照)

Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。公式のドキュメントはこちらに記載してあります。Vue.jsの...
Vue.js

Vue.js(v3)のpropsの使い方(親から子に値渡し)

Vue.jsでpropsを使用して値を受け渡す方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。公式のドキュメント...
Vue.js

Vue.js(v3)でコンポーネントを作成する方法

Vue.jsでコンポーネントを作成する方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。Vue.jsのコンポーネントとは?Vue....