Javascript – Syntaxregeln für Vue-Vorlagen

Question

Ich habe gerade Vue verwendet und dachte instinktiv, dass Eigenschaften in Vorlagen Zeichenfolgen oder Literale nur übergeben können, indem sie in doppelte Anführungszeichen gesetzt werden.

Aber die Antwort auf diese Frage zeigt mir, dass es nicht immer so zu sein scheint.

Ich bin mir nicht sicher, was gibt es im Vorlagenteil von Vue, um zu erkennen, welcher Teil HTML und welcher Teil JS ist? Genau wie jsx.

Answer 1

一般指令的值可以是js表达式,既然是js表达式就满足es的语法了
v-bind="js表达式"

Answer 2

template就是组件， 组件必须只能有一个根节点。 script 标签就是JS部分。

Answer 3

vue的一个组件组成:
<template>

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

</template>

<script>
export defalt{

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

}
</script>

<style>

//针对上述html的css样式

</style>

具体看官方api