Vue: 블록 렌더링에서 템플릿 엔진 중지

에 만든 2017년 07월 12일 · 3코멘트 · 출처: vuejs/vue

이 기능은 어떤 문제를 해결합니까?

템플릿 컴파일이 부모 Vue 인스턴스에서 블록을 렌더링하는 것을 중지하고 대신 다른 Vue 인스턴스 또는 다른 템플릿 엔진이 Django 템플릿과 같은 작업을 수행하도록 하는 방법이 있다면 엔진은 verbatim 태그를 사용합니다. 제 경우에는 페이지 내에서 많은 Vue 인스턴스를 사용하고 싶으며 중첩될 수 있습니다. 페이지가 여러 조각으로 분할되어 다른 위치에서 렌더링되기 때문에 구성 요소를 사용할 수 없습니다.

제안된 API는 어떻게 생겼습니까?

정확하고 깔끔한 방법은 모르겠지만 Django 그대로 생각하고 있었습니다.

출처

siavashkavousi

가장 유용한 댓글

저는 이와 같은 템플릿을 혼합하는 것을 피하고 싶습니다. 대신 다른 인스턴스(in-js 템플릿 문자열 포함)를 빈 요소에 마운트합니다. 어느 쪽이든 사용 사례가 너무 틈새 시장이기 때문에 그러한 API를 추가하지 않을 것이라고 생각합니다.

yyx990803 에 2017년 07월 12일

👍2 😕1

모든 3 댓글

현재 가상 돔이 작동하는 방식으로 인해 많은 코드가 생성될 것이라고 생각합니다. 그러나 사용자 정의 요소 에서 vue 앱을 "변환"하면 여전히 유사한 작업을 수행할 수 있습니다. 그런 다음 각 앱은 자체 섀도우 돔으로 범위가 지정됩니다.

nickmessing 에 2017년 07월 12일

Vue 구성의 ignoreElements를 사용하지 않는 한 custom elements 는 문제를 해결하지 않습니다.

siavashkavousi 에 2017년 07월 12일

저는 이와 같은 템플릿을 혼합하는 것을 피하고 싶습니다. 대신 다른 인스턴스(in-js 템플릿 문자열 포함)를 빈 요소에 마운트합니다. 어느 쪽이든 사용 사례가 너무 틈새 시장이기 때문에 그러한 API를 추가하지 않을 것이라고 생각합니다.

yyx990803 에 2017년 07월 12일

👍2 😕1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

2.0 트리 예제 버그

aviggngyv · 3코멘트

v-model이 false인 경우 확인란이 선택됨을 표시합니다.

loki0609 · 3코멘트

'before' 및 'after'와 같은 'v-on' 지시문에 일부 후크를 추가하는 것은 어떻습니까?

Jokcy · 3코멘트

소품 유효성 검사, 배열 및 개체 해시 구문 혼합

fergaldoyle · 3코멘트

브라우저에 따라 클릭 이벤트 전후에 데이터를 업데이트하는 Vue

loki0609 · 3코멘트