javascript - vue의 라우터 링크에서 es6 문자열 템플릿을 사용할 때 큰따옴표를 추가해야 하는 이유는 무엇입니까?

Question

큰따옴표를 제거했는데 오류가 발생했습니다.
잘 이해가 안가는데 조언 부탁드립니다.

Answer 1

Vue에서 HTML 태그 :xxx=""가 템플릿에 포함될 때 큰따옴표 안의 내용은 일반 HTML 속성이 아닌 JS 표현식입니다.

예:

으아악

이번count++ 是一段模板编译后由 Vue 执行的 JS 代码，而不是简单的属性字符串。同理，router-link 中书写的也是 JS 代码，而不是链接字符串。这样一来，需要直接返回字符串路径时，就必须采用单引号把字符串内容括起来，例如 :to="'/index'" 这样。如果写 :to="/index"，那么 Vue 会求值一个名为 /index은 변수인데, 이는 명백한 불법입니다.

작은따옴표와 큰따옴표를 중첩하지 않으려면 콜론을 제거하고 <router-link to="/index">

라고 쓰면 됩니다.

Answer 2

으아악

문자열의 철자를 입력해 보세요