javascript - vue 템플릿 구문 규칙

Question

방금 vue를 사용했는데 템플릿에서 속성은 큰따옴표로 묶어서 문자열이나 리터럴만 전달할 수 있다고 본능적으로 생각했습니다.

하지만 이 질문에 대한 대답은 항상 그런 것은 아닌 것 같다는 것을 말해줍니다.

잘 모르겠습니다. Vue의 템플릿 부분에서 어느 부분이 html이고 어느 부분이 js인지 식별하는 것이 무엇입니까? jsx와 같습니다.

Answer 1

일반 명령어의 값은 js 표현식이므로 es
v-bind="js 표현식"

의 구문을 만족합니다.

Answer 2

템플릿은 구성 요소이며 구성 요소에는 루트 노드가 하나만 있어야 합니다. 스크립트 태그는 JS 부분입니다.

Answer 3

Vue는 다음 구성 요소로 구성됩니다.
<template>

으아아아

</템플릿>

<script>
기본 내보내기{

으아아아

}
</script>

<스타일>

으아아아

</스타일>

자세한 내용은 공식 API를 참조하세요