[Vue] ładowanie skryptu do załadowaniu komponentu

Question

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).

Answer 1

jeśli obiekt komponentu ma metodę mounted, zostanie ona odpalona właśnie po załadowaniu (osadzeniu) komponentu.

Comments

Ok. A jeśli ten skrypt jest w innym pliku (core.js, który importuje właściwe pliki)?

---

Możesz podać przykład? Nie za bardzo rozumiem co masz na myśli.

Każdy komponent ma swoją metodę mounted

---

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

---

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 :).