【Vue.js】v-modelには関数も指定できるらしい

以下、作業用メモです。

v-modelで親から渡ってきた値の状況をみて、関数でごにょごにょして、その値を出力したい。
そして子からも入力値に応じて、ごにょごにょして、親に値を渡したい。

v-modelとcomputed（setterとgetter指定）を用いて、実装を試みる。

【参考サイト】

【Vue】v-modelを完全理解！v-modelの基本動作と応用パターン。混乱するパターンのまとめと対処法。 - Qiita

vueで多用するv-modelの理解を深めるため、処理をより基本的なv-bind（:）とv-on（@）で記述してみる。また、v-model使用時のよくある勘違いについてパターン別にまとめ。##目次…

qiita.com

【vue】.syncの使い方。v-modelやセッターを使わずに親子でデータを受けわたす方法。 - Qiita

vueのsync修飾子を使うと、親子でのデータ受け渡しが簡単にできる。##syncの使い方親と子でそれぞれポイントがある。親はinputタグなどデータを連動させたいタグに以下を設置する。:属…

qiita.com