beforeCreate(), mounted() itd w vuejs - jak to prawidłowo się nazywa?

0

Czy w VueJS takie rzeczy jak beforeCreate(), mounted() itd. są po prostu metodami czy czymś innym? W dokumentacji jest to określane jako hooki, ale nie mam pomysłu jak to na język polski przetłumaczyć. Jak to prawidłowo powinienem nazywać w żargonie technicznym w języku polskim?

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <h1>{{ title }}</h1>
  <button @click="title = 'Changed'">Update Title</button>
  <button @click="destroy">Destroy</button>
</div>

new Vue({
	el: '#app',
  data: {
  	title: 'The VueJS Instance'
  },
  beforeCreate: function() {
  	console.log('beforeCreate()');
  },
  created: function() {
  	console.log('created()');
  },
  beforeMount: function() {
  	console.log('beforeMount()');
  },
  mounted: function() {
  	console.log('mounted()');
  },
  beforeUpdate: function() {
  	console.log('beforeUpdate()');
  },
  updated: function() {
  	console.log('updated()');
  },
  beforeDestroy: function() {
  	console.log('beforeDestroy()');
  },
  destroyed: function() {
  	console.log('destroyed()');
  },
  methods: {
  	destroy: function() {
    	this.$destroy();
    }
  }
});

I drugie pytanie dlaczego w metodzie destroy jest wywołanie $destroy(), a nie destroy()?

0

No po angielsku bardziej niz hook'i sa ta lifecycle events czyli cykl zycia komponent.
Co do drugiego pytania zapewne $destroy() jest czyms na rodzaj internal (czyli nie jakis private cos bardziej pokroju protected) i bardzo prawdopodobnie vue ma konwencje ze prefix $ znaczy wlasnie jakies internals framework'a tak samo jak jest $forceUpdate()
W twoim przykladzie "recznie" robisz destroy komponentu po kliknieciu w button gdybys nie robil go recznie vue zapewne w momenciu w ktorym usuwa komponent z DOM-a sam wywola this.$destroy

1 użytkowników online, w tym zalogowanych: 0, gości: 1