Detaillierte Erklärung zur Verwendung von Vue zum Laden von Wetterkomponenten

<Vorlage>
    <div id="Wetter">
        <div id="Wetter-Ansicht-He" ref="Wetter"></div>
        <remote-script src="script src im vom Wetternetzwerk generierten Code"></remote-script>
    </div>
</Vorlage>
<Skript>
window.WIDGET = {ID: '123456'}; // Füge vor WIDGET ein Fenster hinzu, sonst kann diese Variable nicht gelesen werden. importiere Vue von 'vue'
Vue.component('remote-script', { // vue generiert dynamisch ein Skript (wird als Komponente in HTML verwendet)
    rendern: Funktion (ErstelleElement) {
        var selbst = dies;
        returniere createElement('Skript', {
            Attribute: {
                Typ: "Text/Javascript",
                Quelle: diese.src
            },
            An: {
                laden: Funktion (Ereignis) {
                    self.$emit('laden', Ereignis);
                },
                Fehler: Funktion (Ereignis) {
                    self.$emit('Fehler', Ereignis);
                },
                readystatechange: Funktion (Ereignis) {
                    wenn (this.readyState == 'abgeschlossen') {
                        self.$emit('laden', Ereignis);
                    }
                }
            }
        });
    },
    Requisiten: {
        Quelle: {
            Typ: Zeichenfolge,
            erforderlich: true
        }
    }
})
Standard exportieren {
    Name:"Wetter",
    Daten(){
        zurückkehren {
           
        }
    },
}
</Skript>