Передача реквизитов экземплярам, ​​установленным на существующей разметке и созданным с помощью Vue.extend

Question

Я хочу заменить части веб-сайта экземплярами Vue. Один из этих примеров - простой обратный отсчет. Я использую следующий синтаксис для создания экземпляра:

const Countdown = Vue.extend({ 

.... 

}); 

Затем в главном файле я инициализировать отсчет следующим образом, чтобы вручную установить его в существующую разметку:

const instance = new Countdown(); 

instance.$mount('.js-countdown'); 

Разметка является просто простой DIV, который имеет другие элементы внутри:

<div class="counter js-countdown"> ... </div> 

Мой вопрос я в состоянии передать реквизита на мой обратный отсчет времени, как я мог бы вниз его с помощью пользовательского компонента, так как он является корнем о е экземпляра:

<div class="counter js-countdown" hours="2"> ... </div> 

Answer 1

передаёте propsData в опциях:

const instance = new Countdown({ 
    propsData: { hours: 2 } 
});