既存のマークアップにマウントされ、Vue.extendで作成されたインスタンスに小道具を渡す

Question

Webサイトの一部をVueのインスタンスに置き換えたいと考えています。これらのインスタンスの1つは簡単なカウントダウンです。私はインスタンスを作成するには、次の構文を使用します。

const Countdown = Vue.extend({ 

.... 

}); 

その後、私は手動で、既存のマークアップにそれを取り付け、カウントダウンに次のように初期化し、メインファイルに：

const instance = new Countdown(); 

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

マークアップだけです内部の他の要素を持つシンプルなDIV：

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

それがルート0であるので、私の質問は、私はカスタムコンポーネントとその下に持つことができるように私のカウントダウンに小道具を渡すことが、私はできる午前れます例えばF：

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

Answer 1

渡し、それをオプションでpropsData：

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