어떤 상황에서 "필수" 구문보다 v-text를 선택하겠는가?

어떤 상황에서 "필수" 구문보다 v-text를 선택하겠는가?

VueJS 문서에 따르면<span v-text="msg"></span>와 같다<span>{{msg}}</span>.정말 습관 이외의 것 중에서 나는 항상 데이터를 바인딩하기 위해 "필수" 구문을 사용한다.어떤 상황에서 사용할 것인가?v-text대신에, 왜?

v-text를 사용할 수 있는 한 가지 이유는 서버에서 마크를 미리 렌더링해야 하지만 클라이언트 쪽도 바인딩해야 하는 경우입니다.예를 들면 다음과 같다.

<span v-text="msg">This message was pre-rendered from the server.</span>

그래야지{{msg}}구문은 내용에 방해가 되지 않는다.

이 지시문은 innerContent로 html 노드를 업데이트한다.HTML은 v-html과 같이 렌더링되지 않을 것이다.v-text를 사용하여 템플릿이 다른 것처럼 보이도록 할 수 있지만 내부적으로는 {{ 콧수염}} 보간도 v-text direcitive로 컴파일된다.

v-text 또는 "직접 구문"은 속성 값을 HTML 요소의 텍스트로 보간한다.

요소의 일부에만 바인딩해야 하는 경우 의미론 구문({mustache})을 사용하면 된다.

예를 들어, 만약 당신이 그것을 가지고 있었다면<h4>Hi, this is the text : {{text}}</h4>그런 다음 업데이트 중에는 {{text}} 안에 있는 내용만 교체된다.그러나 v-text를 사용하면 요소의 전체 내용이 대체된다.

참조URL: https://stackoverflow.com/questions/44814346/in-what-situations-would-one-choose-v-text-over-the-mustache-syntax