Tengo algún componente vue 2:

 <template> <section class="component" v-if="load"> ... </section> <div class="loader" v-else> ... </div> </template> <script> export default { name: "myApp", data() { return { load: false, } }, mounted() { this.initApp(); }, methods: { initApp() { this.load = true; } } } </script>

y lo inicio así (poco uso de jquery)

 if ($('#container').length > 0) { new Vue({ components: { myApp }, render: (h) => { return h(myApp); }, }).$mount('#container'); }

También tengo un evento personalizado del documento global en otro código que no es vue, activado por jquery:

 $(document).trigger('someEvent');

¿Cómo puedo manejar el componente someEvent in myApp de este documento para recargarlo por completo? (Este evento requiere una actualización completa del contenido y los datos en myApp).