尝试使用v-for在vue中显示值时出错

Question

我在理解我使用vue.js收到的错误时遇到了一些麻烦，并希望有人可以帮助我。我认为这是一个愚蠢的错误，但我无法发现它。

我在这里收到这个错误：使用未定义的常量提供者 - 假设＆＃39;提供者＆＃39;。我在这里使用laravel和刀片。我在浏览器中收到此错误。我假设它与我试图在vue.js中使用v-for循环显示提供者对象的方式有关，因为我是初学者，我可能在这里犯了一个错误。这是我的代码：

组件：

Vue.component('filter-section', {
   template: "#filter-template",
   props: ['providers']
});

// create a root instance
new Vue({
   el: '#home-filter-result'
});

过滤-blade.php

<div id="home-filter-result">
  <filter-section v-for="item in providers" :providers='{!! $providers !!}'>
  </filter-section>
  <template id="filter-template">
    {{ item }}  
  </template>
</div>

提供商是这种格式的对象：

提供者： 阵列[20] 0：对象

value1：＆＃39; 1＆＃39;

value2：＆＃39; 2＆＃39;

value3：＆＃39; 3＆＃39;