javascript - peraturan sintaks templat vue

Question

Saya baru sahaja menggunakan vue, dan secara naluri saya berfikir bahawa dalam templat, sifat hanya boleh menghantar rentetan atau literal dengan membungkusnya dalam petikan berganda.

Tetapi jawapan kepada soalan ini memberitahu saya bahawa ia tidak selalunya seperti ini.

Saya tidak pasti, dalam bahagian templat Vue, apakah yang ada untuk mengenal pasti bahagian mana html dan bahagian mana js? Sama seperti jsx.

Answer 1

Nilai arahan am boleh menjadi ungkapan js Memandangkan ia adalah ungkapan js, ia memenuhi sintaks ES
v-bind="js expression"

.

Answer 2

Templat ialah komponen, dan komponen mesti mempunyai satu nod akar sahaja. Tag skrip ialah bahagian JS.

Answer 3

Vue terdiri daripada komponen:
<template>

<p>
//html部分
</p>

</template>

<skrip>
eksport lalai{

//js部分
data(){
    return{}//数据源
},
methods:{
    //函数体部分，js的主要逻辑控制
}

}
</skrip>

<gaya>

//针对上述html的css样式

</style>

Sila lihat api rasmi untuk butiran