JavaScript - vue テンプレートの構文ルール

Question

vue を使用したところ、テンプレートでは文字列またはリテラルを二重引用符で囲むことによってのみ属性に渡すことができると直感的に思いました。

しかし、この質問に対する答えを見ると、必ずしもそうとは限らないようです。

Vue のテンプレート部分で、どの部分が html でどの部分が js であるのかがわかりません。 jsx と同じです。

Answer 1

一般命令の値はjs式にすることができます。js式であるため、ES
v-bind="js式"の構文を満たします。

Answer 2

テンプレートはコンポーネントであり、コンポーネントにはルート ノードが 1 つだけ必要です。 scriptタグはJS部分です。

Answer 3

Vue はコンポーネントで構成されています:
<テンプレート>

リーリー

</テンプレート>

<script>
デフォルトのエクスポート{

リーリー

}
</スクリプト>

<スタイル>

リーリー

</スタイル>

詳細は公式APIをご覧ください