Vue: Pare o motor do template de renderizar um bloco

Criado em 12 jul. 2017  ·  3Comentários  ·  Fonte: vuejs/vue

Qual problema esse recurso resolve?

Se houvesse uma maneira de parar a compilação do modelo de renderizar um bloco na instância pai Vue e, em vez disso, deixar outra instância Vue ou algum outro mecanismo de modelo fazer o trabalho como o modelo Django o motor faz usando a tag verbatim . No meu caso, quero usar muitas instâncias de Vue dentro de uma página e elas podem estar aninhadas. Observe que não posso usar componentes porque a página é dividida em fragmentos e renderizada de diferentes lugares.

Qual é a aparência da API proposta?

Não sei uma maneira exata e limpa, mas estava pensando em algo como Django verbatim

Comentários muito úteis

Eu apenas evitaria misturar modelos como este - em vez disso, monte a outra instância (com a string de modelo in-js) em um elemento vazio. De qualquer forma, não acho que adicionaríamos tal API porque o caso de uso é muito nicho.

Todos 3 comentários

Acho que isso resultaria em muito código devido à forma como o dom virtual atual funciona. Mas você ainda pode fazer algo semelhante se "transformar" seus aplicativos vue em elementos personalizados . Então, cada aplicativo terá como escopo seu próprio shadow dom.

custom elements não resolve o problema, a menos que eu use a configuração ignoreElements of Vue.

Eu apenas evitaria misturar modelos como este - em vez disso, monte a outra instância (com a string de modelo in-js) em um elemento vazio. De qualquer forma, não acho que adicionaríamos tal API porque o caso de uso é muito nicho.

Esta página foi útil?
0 / 5 - 0 avaliações