От 0 до 100 в течение нескольких секунд в динамическом рендеринге компонентов VUE

Я работал над проектом, где было необходимо программно отображать компоненты VUE, что является трудным способом 😅, даже прохождения реквизита.

Поэтому я быстро покажу вам, как это сделать.

Итак, давайте предположим, что у нас есть компонент под названием Карта , который получает свой Название через реквизит

import Card from 'Card.vue'
import Vue from 'vue'
let ComponentClass = Vue.extend(Card)
let instance = new ComponentClass({
    propsData: {
        title: 'My Title'
    }
})
instance.$mount() 
this.$refs.container.appendChild(instance.$el)

Прежде всего, $ refs это наиболее рекомендуемый способ получить Дом Элемент упоминается в Vue.

Вам нужно указать атрибут на Дом Элемент, на который вы хотите ссылаться (

Наконец, чтобы получить родной Дом Ссылка на элемент из экземпляра компонента VUE, вы можете использовать $ el свойство.

От 0 до 100 в течение нескольких секунд в динамическом рендеринге, например, Dodge Charger , все, что я доступен в комментариях, на сегодня это моя освященная 🍻

Оригинал: “https://dev.to/wakeupmh/from-0-to-100-within-seconds-in-dynamic-rendering-of-vue-components-1o28”