Fatal编程技术网
  • vue.js/
  • Vue.js 如何将数据注入我的组件？

Vue.js 如何将数据注入我的组件？

vue.js vuejs2

Vue.js 如何将数据注入我的组件？,vue.js,vuejs2,Vue.js,Vuejs2,我正在构建一个输出可排序列表的组件，其中内置了一些ajax crud。这只是一个简单的组件，我想把它放到我的页面上 我正在努力找出如何将现有的项列表放入组件中 <script> window.faqs = <?= json_encode($provider->get('provider_faqs'));?> </script> 我的页面是用PHP构建的，我已经有了一个列表项数组。到目前为止，我发现读取数据的唯一方法是使用json\u encod

我正在构建一个输出可排序列表的组件，其中内置了一些ajax crud。这只是一个简单的组件，我想把它放到我的页面上

我正在努力找出如何将现有的项列表放入组件中

<script>
    window.faqs = <?= json_encode($provider->get('provider_faqs'));?>
</script>
我的页面是用PHP构建的，我已经有了一个列表项数组。到目前为止，我发现读取数据的唯一方法是使用
json\u encode
将数据输出到页面中的dom，然后使用我的组件读取数据

<script>
    window.faqs = <?= json_encode($provider->get('provider_faqs'));?>
</script>


window.faqs=
我更愿意将json作为一个道具传递到组件中，就像我对相关id字段所做的那样

使用JSON.parse（）将字符串转换为JavaScript对象


我已经找到了解决方案，事实证明这只是一个简单的疏忽

当我使用Vue标记时，我使用双引号分配HTML属性，在json字符串中没有转义双引号。因此，我的标签将打破，由于额外的双引号


因此，从这个
JSON更改为像常见问题解答一样对道具进行编码。如果我这样做，并尝试使用JSON.parse（）它，我只会在DOM中获取JSON。这并没有回答问题，也没有给出如何使用所述方法的任何方向。在使用v-bind时，它也不是必需的，所以我对它投了反对票。请随时改进您的答案。