• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[Vue] ładowanie skryptu do załadowaniu komponentu

VPS Starter Arubacloud
0 głosów
116 wizyt
pytanie zadane 27 stycznia 2019 w JavaScript przez Bakr Mądrala (6,850 p.)
Jak w Vue załadować skrypt po załadowaniu (wyrenderowaniu) komponentu?

Wiem, że są hooki cyklu życia, jednak nie jestem przekonany czy ładowaniu new Vue do każdego kolejnego skryptu jest dobrą praktyką...

Btw. skrypt będzie odpowiedzialny za wygląd aplikacji, a nie za jej działania (np. fixed sidebar, itd).

1 odpowiedź

0 głosów
odpowiedź 27 stycznia 2019 przez Milesq Nałogowiec (32,020 p.)
jeśli obiekt komponentu ma metodę mounted, zostanie ona odpalona właśnie po załadowaniu (osadzeniu) komponentu.
komentarz 27 stycznia 2019 przez Bakr Mądrala (6,850 p.)
Ok. A jeśli ten skrypt jest w innym pliku (core.js, który importuje właściwe pliki)?
komentarz 27 stycznia 2019 przez Milesq Nałogowiec (32,020 p.)
Możesz podać przykład? Nie za bardzo rozumiem co masz na myśli.

Każdy komponent ma swoją metodę mounted
komentarz 27 stycznia 2019 przez Bakr Mądrala (6,850 p.)

App.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import * as Core from './js/classes/_core.js'  - import skryptów

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
  mounted() {
    new Core(); - wywołanie klasy

  }
}).$mount('#app')

plik core.js

/* global Header CommentsSlider LatestContent PostsSlider ProfileHeader TabsSlider Widgets ScrollTo */
import Header from './site/Header.js';

class Core {

  constructor() {

    new Header()

  }

}

new Core()

w core importowane są skrypty, które odpowiadają np. za "przylepianie" sidebara do krawędzi okna, albo inne front-endowe bajery. Nie wiem czy mieszenie tego z logiką aplikacji jest uzasadnione

komentarz 27 stycznia 2019 przez ShiroUmizake Nałogowiec (46,300 p.)
Właściwie dlaczego nie zimportujesz do najwyżego komponentu (tam gdzie są wszystkie) i najwyżej będziesz propagował, inna opcja to przez Vuex zażądać corem, pamiętaj to że tam jest tylko js to nie znaczy, że DOM-a nie widzi :).

Podobne pytania

0 głosów
1 odpowiedź 219 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
+1 głos
1 odpowiedź 252 wizyt
pytanie zadane 3 sierpnia 2021 w JavaScript przez mikey Użytkownik (820 p.)
0 głosów
0 odpowiedzi 179 wizyt
pytanie zadane 6 maja 2020 w JavaScript przez kubavueamator Nowicjusz (140 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...