Vue: [Vorschlag] Vue 2.0 - vm.$appendTo - Singleton-Komponenten

Erstellt am 29. Apr. 2016  ·  3Kommentare  ·  Quelle: vuejs/vue

Mein aktuelles Singleton-Muster besteht darin, die Komponente Vue.extend und $appendTo(body) für compile für die ersten require aufzurufen und für alle anderen vm .

Wenn vm.$appendTo entfernt wird, benötige ich eine andere Möglichkeit, Singleton-Komponenten zu erstellen.
Vielleicht so etwas:

replace: false
el: => document.body

In vue-comps habe ich derzeit 3 ​​Singleton-Komponenten:

  • vue-comps-waves - hat einen versteckten Singleton waves Instanzen mit den SVG-Animationen bedient
  • vue-toster - dieselbe Instanz sollte von allen Komponenten geteilt werden, die sie verwenden
  • vue-overlay - ein einzelnes Overlay zum Verdunkeln des Hintergrunds, das den Z-Index aller Komponenten verfolgt, die ihn verwenden
discussion

Hilfreichster Kommentar

Sie müssen $mount() ohne Argumente aufrufen (was vm.$el ), bevor Sie es anhängen, aber ansonsten sollte es funktionieren.

Alle 3 Kommentare

Ich verstehe die Notwendigkeit von $appendTo() hier nicht ganz - Sie können einfach native DOM-Methoden für this.$el , was ist der Unterschied?

Vielleicht bin ich nur verwirrt wegen

angehängt veraltet, Komponenten haben keine Möglichkeit mehr, außerhalb des Doms zu sein

Ob das funktioniert?

Comp = Vue.extend(someComp)
vm = new Comp() # vm is off-dom here ?
document.body.appendChild(vm.$el)

Wenn ja, kann dies geschlossen werden..

Sie müssen $mount() ohne Argumente aufrufen (was vm.$el ), bevor Sie es anhängen, aber ansonsten sollte es funktionieren.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

robertleeplummerjr picture robertleeplummerjr  ·  3Kommentare

hiendv picture hiendv  ·  3Kommentare

franciscolourenco picture franciscolourenco  ·  3Kommentare

fergaldoyle picture fergaldoyle  ·  3Kommentare

gkiely picture gkiely  ·  3Kommentare