将值从Vue组件设置为模板

Question

感谢您阅读我的问题。

我有这样的代码：

Vue.component('list-products', {
delimiters: ['[[', ']]'],
template: '#list-products-template',
props: ['products'],
data: function () {
    return {
        compareLimit: 3
    }
},
...
...


<script type="text/x-template" id="list-products-template">
<div>
    Limit  is [[ compareLimit ]]
    <div id="compare" data-toggler=".small-up-[[ compareLimit ]]" class="row small-up-1">
        ...
        ...

我试图设置＆＃34;小型＆＃34;带有来自Vue的动态变量的字符串，但是我收到了这个错误：

已移除内部属性内插。请改用v-bind或冒号

你知道我如何将compareLimit变量传递给data-toggler吗？

提前致谢。