かきノート

Vue.js:v-model がよく分かんなかったんで調べた。

April 16, 2019 • ☕️ 1 min read

このコードがよく理解できなかった。

    <label v-for="label in options" >
      <input type="radio"
        v-model="current"
        v-bind:value="label.value">{{ label.label }}
    </label>

参考文献 https://www.amazon.co.jp/dp/B07D9BYHMZ/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1

何だ。
「v-model=“current”」
って記述??

「v-model:checked=“isChecked”」
ならイメージできるけど。

特に checked とバインドしているようには見えんのだけど、v-modelは、暗黙的に何かの値と紐づくって事?

本を読んでも分からなかったので、公式サイトを当たった。

v-model でのバインディング

radio 、 checkbox 、 select オプションの、 v-model でバインディングされる値は通常は静的な文字列 (チェックボックスなら boolean) です:

ズバリ言っているわけではないが、

『ラジオボタンやチェックボックスなら、暗黙的に「checked」と紐づき、
テキストボックスなら、暗黙的に「value」と紐づく。』

という解釈で合ってんじゃないかな。多分。
本文中の「静的な文字列」ってのが、何を意味しているのか今ひとつ分かってないけど。

プログラミング用語としての「静的」(「静的な値」とか「静的型付け」という意味)ではなくて、『暗黙的に結びつくプロパティ』みたいな意味で使われてるの?

Vue.js わからーん!


Relative Posts:

【自作アプリ】Vue.js:何か作った

April 17, 2019

Vue.js:通常の for文って?

April 15, 2019

福岡の物流エンジニアが、七転び八起きしたあと九回転び、寝っ転がったまま何かやってる事を垂れ流しているブログ

RotateLinkImg-iconRotateLinkImg-iconRotateLinkImg-iconRotateLinkImg-icon