javascript - Règles de syntaxe du modèle vue

Question

Je viens d'utiliser vue et j'ai instinctivement pensé que dans les modèles, les propriétés ne peuvent transmettre que des chaînes ou des littéraux en les enveloppant entre guillemets doubles.

Mais la réponse à cette question me dit que cela ne semble pas toujours être le cas.

Je ne suis pas sûr, dans la partie modèle de Vue, qu'y a-t-il pour identifier quelle partie est html et quelle partie est js ? Tout comme jsx.

Answer 1

La valeur d'une instruction générale peut être une expression js Puisqu'il s'agit d'une expression js, elle satisfait à la syntaxe de es
v-bind="expression js"

.

Answer 2

Template est un composant, et un composant ne doit avoir qu'un seul nœud racine. La balise script est la partie JS.

Answer 3

Vue est composé d'un composant :
<template>

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

</template>

<script>
exportation par défaut{

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

}
</script>

<style>

//针对上述html的css样式

</style>

Veuillez consulter l'API officielle pour plus de détails