Works by

Ren's blog

アプリケーションバックエンド中心に書いていきます

vue

【Vue/Vuetify】Vuetifyのv-text-fieldのclearableを有効にすると、削除時のmodelにはnullが挿入される

VueのUIフレームワークVuetifyでは、テキストボックスである v-text-field に値削除ボタンを表示するオプションが clearable が指定できるのですが、この仕様が少し気になったのでメモします。 v-text-field に適当な文字列プロパティをバインドし、フォーム…

【Vue.js】Event Busによる親コンポーネントから子コンポーネントへのイベント伝播

vue

一般に、Vueで親コンポーネントから子コンポーネントへのプロパティ操作を行う場合、親コンポーネントの値を子コンポーネントにバインドします。 では子コンポーネントのメソッド操作を行う場合はどうするかというと、直接的には $refs を通して子コンポーネ…

【Vue.js】Vue + TypeScript + vue-property-decoratorでのクラスメンバの可視性はどうするべきか?

vue

Vue + Typescript + vue-property-decoratorでコンポーネントをクラス宣言的に記述する際、data はクラスのインスタンス変数として定義し、 method はクラスのメソッドとして記述できます。 <template> <p v-for="(b, i) in books" :key="i">{{b.name}}</p> </template> <script lang="ts"> import { Component, Vue } from 'nuxt-property-de…

【Vue.js】親コンポーネントから子コンポーネントへの基本型props値の動的伝播

vue

親コンポーネントから子コンポーネントへデータを受け渡す手段として props を使用できます。 これは非常にベーシックかつ便利な手段で、動的なデータであっても親コンポーネントの変更があれば子コンポーネントにその状態変化を伝えることができます。 (た…

【Vue.js】vue-cliでVueプロジェクトを作成する

Vue.jsとは Vue.jsとは、近年急激に普及しつつある軽量フロントエンドフレームワークです。ReactのVirtual DOMやAngularの双方向バインディングといったメジャーなフレームワークが実装する強力な機能を備えつつ、学習コストが抑えめであるという特徴を持ち…