Vue JS 2용 구성 요소에 정적 속성 할당

Question

VUEJS 2 문서의 구성요소에 정적 prop을 전달하는 것에 대해 약간 혼란스럽습니다.

https://v2.vuejs.org/v2/guide/comComponents-props.html#Passing-a-Number

으아아아

<translation :phrase="language.exit" type="body"lines="3"></translation>

이 소품을 바인딩하지 않으면 구성 요소 템플릿에 표시되지 않습니다.

<translation :phrase="language.exit" :type="body" :lines="3"></translation>

바인딩했는데 앱에 데이터가 없으면 오류가 뜹니다. 번역 구성 요소에 할당된 정적 데이터여야 합니다.

<translation :phrase="language.exit" :type="'body'" :lines="'3'"></translation>

작은따옴표를 추가하면 작동하지만 문서에는 이 내용이 표시되지 않습니다.

어디서 놓친 게 있나요?

편집: 전역적으로 등록된 구성요소 추가

<!-- 即使`42`是静态的，我们仍然需要使用v-bind来告诉Vue -->
<blog-post v-bind:likes="42"></blog-post>
<!-- 这是一个JavaScript表达式而不是一个字符串。       -->

Answer 1

실제로 이런 코드를 작성하면

으아아아

즉, 문자열body绑定，并将行数与字符串3绑定，你应该能够通过组件translation 유형의 소품을 사용하여 얻을 수 있습니다.

그런데 이렇게 쓰면

으아아아

body은 변수나 다른 것이 아니기 때문에 속성 유형이 유효하지 않습니다.

이런 글을 쓸 때

으아아아

첫 번째 예와 똑같습니다. 유형을 문자열body绑定，将行数与字符串3에 바인딩하고 행 번호를 문자열 3에 바인딩합니다. 유형을 문자열, 라인 번호에 바인딩하려면 숫자와 바인딩하려면 이것을 시도해 볼 수 있습니다:

으아아아

도움이 되길 바랍니다.