Javascript 将道具传递给装载在现有标记上并使用Vue.extend创建的实例

我想用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>

。。。

将选项中的

propsData

传递给它：

const实例=新倒计时({
propsData:{小时数：2}
});

将选项中的

propsData

传递给它：

const实例=新倒计时({
propsData:{小时数：2}
});

太棒了！这在某些情况下会有所帮助。但是如果我有一个计算属性呢？例如，

我正在使用nunjucks模板引擎。太棒了！这在某些情况下会有所帮助。但是如果我有一个计算属性呢？例如，
我正在使用nunjucks模板引擎。