Mit Vue.js ist es möglich, auf ein instanziiertes Vue.js-Komponentenobjekt aus dem globalen JavaScript-Bereich zuzugreifen? Oder instanziert Vues Interna die Objekte so, dass sie nicht zugänglich sind?Zugriff auf definierte Vue-Komponenten aus dem globalen Gültigkeitsbereich
d.h. Ich habe Code, der eine Komponente
Vue.component('component-name', {
/*...*/
});
und dann ein Tag verwendet, dass die Komponente
<component-name>
/* can user templates with component objects vars {{foo}}
</component-name>
Vues Vorlage Rendering-Code ist schließlich Zugriff auf ein JavaScript-Objekt definiert. Gibt es eine Möglichkeit für mich, per Code einen Blick auf das instantiierte Vue-Komponentenobjekt zu werfen? So etwas wie
var theComponent = getInstantiatedComponent('component-name');
Ich bin mir bewusst, der Vue.js Chrome Debugger - aber ich würde lke zu wissen, ob iits möglich, diese Objekte zugreifen über Code, und was das Syntax ist (und meine Chrome Plugins-Fähigkeiten sind zu schwach, um im Debugger-Plugin nachzufühlen, was sie tun.
Wonach suchen Sie? In den meisten Lebenszyklusereignissen können Sie 'this' untersuchen und sehen die Komponente selbst. – Bert
@BerTevans danke für Ihre Aufmerksamkeit! Wenn mein Kontext hilft: Ich arbeite an Entwicklerwerkzeugen. Ich suche nichts anderes als das, wonach ich suche - eine Möglichkeit, auf die instanziierten Komponentenobjekte aus dem globalen JavaScript-Bereich zuzugreifen. –
Aus dem globalen Gültigkeitsbereich können Sie das Ergebnis des Vue-Konstruktors erfassen ('const app = new Vue (...)'), und von dort aus können Sie in den vollständigen Komponentenbaum eintauchen, obwohl dieser nicht gut dokumentiert ist. – Bert