ホームページ  >  記事  >  ウェブフロントエンド  >  vue にはコロンがありますか?

vue にはコロンがありますか?

藏色散人
藏色散人オリジナル
2023-01-05 15:27:522990ブラウズ

vue にはコロンがあります。Vue の API ドキュメントを見ると、コロン「:」は実際には「v-bind」の略語であることがわかります。そのため、使用時には一般的な定数属性は必要ありません。コロンを追加するには、変更される値の場合はコロンを追加する必要があります。

vue にはコロンがありますか?

#このチュートリアルの動作環境: Windows 10 システム、Vue バージョン 3、Dell G3 コンピューター。

vue にはコロンがありますか? ############持っている。

Vue のコロン変数

Vue を使用すると、HTML の一部のタグ属性の前に「:」が追加されていることがよくあります。しないでください。 Vue の API ドキュメントを見ると、コロン「:」が実際には v-bind の略語であることがわかります。

したがって、使用時に、一般的な定数属性にはコロンを追加する必要はありませんが、変更される値の場合はコロンを追加する必要があります。

vue にはコロンがありますか?vue 属性でコロンを使用する場合と使用しない場合の違いについての説明

関連紹介:

vue コンポーネントの一部のプロパティでコロンを追加する必要がある理由" :"、? を使用しないものもあります。コロンを追加すると、その後に変数または式が続くことを意味します。コロンがない場合は、対応する文字列リテラルの後に続きます。

#例:

<el-radio-group v-model="handle">
                    <el-radio :label="true">打开</el-radio>
                    <el-radio :label="false">关闭</el-radio>
</el-radio-group>

出力: true または false 値はブール型です

-----
<el-radio-group v-model="handle">
                    <el-radio label="true">打开</el-radio>
                    <el-radio label="false">关闭</el-radio>
</el-radio-group>

出力: "true" または "false" 値は文字列型

参照:

https://cn.vuejs.org/v2/api/#v-bind

https://cn.vuejs.org/v2/guide/class- and- style.html

推奨学習:「

vue ビデオ チュートリアル

以上がvue にはコロンがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。