VUE добавить компонент с JS

Question

Могу ли я создать / смонтировать компонент VUE, вызывающий функцию JS на полностью загруженной странице?

Как асинхронный вызов?Что-то вроде:

function getComponent(obj){
    return <component parameters="obj"></component >;
}

Answer 1

Могу ли я создать / смонтировать компонент VUE, вызывающий функцию JS на полностью загруженной странице?

Я думаю, что вы хотите загрузить / смонтировать компонент в определенном состоянии, а не при инициализации страницы.

Если это так, то вы можете использовать ленивые и динамические компоненты:

<template>
  //...
    <button @click="activateComponent">Activate component</button>
    <component :is="dynamicComponent" />
  //...
</template>


<script>  
  export default {
     components: {
        MyCmp: () => import('./MyCmp.vue') //lazy loading
     },

     data: () => ({
      dynamicComponent: null       
     }),

     methods: {
       activateComponent () {
         this.dynamicComponent = 'MyCmp'
       }
     }     
  }
</script>

Answer 2

Я думаю, что вы ищете Vue динамические компоненты . Это позволяет вам выбирать, какой компонент загружать после загрузки исходного компонента. Вы можете делать это всякий раз, когда захотите, иначе асинхронно. Вы можете прочитать больше в Руководствах Vue . Весь код, который вам нужен, находится там, поэтому не стоит его повторно публиковать здесь.