【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使用時のよくある勘違いについてパターン別にまとめ。 目次 v-modelでできること v-model...

qiita.com

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

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

qiita.com