在Smarty模板中使用Vue JS-关于:src的问题

我使用Vue JS应用程序和smarty模板。目前我有这个问题:

var app = new Vue({
    el: '#bpRequestModal',

    data: {
        productImage: 'test.jpg',
    },

{literal}
<img :src="productImage" />
{/literal}

:src 整个应用程序 #bpRequestModal 从DOM中删除。我也试过了 <img src="{{ productImage }}" 但我确实在DOM中看到了这个“productImage”。我也试过了 :src={$productImage}

有人知道我该怎么做吗 'test.jpg'