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.
Não sei uma maneira exata e limpa, mas estava pensando em algo como Django
verbatim
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.
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.