将 props 传递给安装在现有标记上并使用 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 }
});