Vue2からVue3への移行時に気をつけたい！`v-model`と`input[type="number"]`の予期せぬ型変換

Vue3では、inputがtype="number"を持つ場合はnumber修飾子が自動で適用されます ref: https://ja.vuejs.org/guide/essentials/forms.html#number 一方Vue2では、明示的に.numberを使用しない限りv-modelは文字列のまま扱われていました そのため、Vue2からVue3への移行をする際に、実装によっては意図しない挙動になってしまうかもしれません 検証環境を用意し、何が起こっているかを確認する 今回はVue2, Vue3と環境を用意し、iframeを使って1つのHTMLで確認できるよう動かしてみました どういったケースで困るか 例えば、0から始まる入力を扱うもの(電話番号など)は、丸められてしまうため、バリデーションによっては保存できないなどの不具合が発生してしまいそうですね 他にも、APIでstring