Как отрендерить файл компонента vue, в селектор?

Question

[Игорь]

Как отрендерить файл компонента vue, в селектор?

Есть у меня компонент VTaskDialog



Что бы не засорять темплейт вставками, типа <v-task-dialog />
Я хочу создать примитивный плагин, для того что бы рендерить диалог.

Вот пример как я хочу его использовать

export default Vue.extend({

  methods: {
    onTaskAddClick () {
      this.$dialog.show(VTaskDialog)
    }
  }
})
</script>

Хочу приобрести данный скилл.

Answer 1

[Дмитрий]

Навскидку, но я не гуру в этом.
в app.js

let dialog = {}
dialog['show'] = (command) => {
    return command;
};
Vue.prototype.$dialog = dialog// регистрируете

в методе

onTaskAddClick () {
      console.log(this.$dialog.show('i am show command'))
    }

п.с. вот это модальное окно так реализовано, но я с ним наелся и в итоге свое делал

Comments

[Игорь]

Я плагины умею делать, а вот опыта рендера нет.

[Дмитрий]

Игорь, посмотрите по коду, что я прикладывал выше

[Игорь]

Дмитрий, Примерно понял, спасибо.

[Дмитрий]

Игорь, сейчас искал кое-какой материал и наткнулся на статью.
Вдруг пригодится