Adakah vue mempunyai kolon?

藏色散人
藏色散人asal
2023-01-05 15:27:523043semak imbas

Terdapat titik bertindih dalam vue; apabila melihat dokumentasi API Vue, kita akan mendapati bahawa titik bertindih ":" sebenarnya adalah singkatan daripada "v-bind", jadi dalam penggunaan, atribut pemalar umum tidak memerlukan untuk menambah titik bertindih , jika ia adalah nilai yang akan berubah, bertindih mesti ditambah.

Adakah vue mempunyai kolon?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3.

Adakah vue mempunyai kolon?

Ya.

Pembolehubah kolon dalam Vue

Apabila menggunakan Vue, kita sering melihat bahawa sesetengah atribut teg dalam HTML mempunyai ":" ditambah di hadapannya dan beberapa jangan.

Apabila melihat dokumentasi API Vue, kita akan mendapati bahawa titik bertindih ":" sebenarnya adalah singkatan v-bind.

Adakah vue mempunyai kolon?

Jadi semasa digunakan, kita tidak perlu menambah titik bertindih untuk atribut pemalar umum;

Penjelasan tentang perbezaan antara menggunakan dan tidak menggunakan titik bertindih dalam atribut vue

Pengenalan berkaitan:

Mengapa beberapa atribut komponen vue perlu ditambah dengan titik bertindih?" :", ada yang tidak menggunakannya?

Dengan tanda titik bertindih, ini bermakna yang berikut ialah pembolehubah atau ungkapan jika tiada titik bertindih, ini bermaksud rentetan yang sepadan!

Contoh:

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

Output: benar atau salah Nilai ialah jenis Boolean

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

Output: "true" atau "false" Nilai ialah jenis String

Rujukan:

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

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

Pembelajaran yang disyorkan: "tutorial video vue"

Atas ialah kandungan terperinci Adakah vue mempunyai kolon?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn