如何让 VueJs 组件在运行时结合 json 数据和模板

【问题标题】：how to get VueJs component to combine json data and a template at runtime如何让 VueJs 组件在运行时结合 json 数据和模板
【发布时间】：2020-09-17 23:29:43
【问题描述】：

模板是“” 我试图在 Vue-Tabs UI 中将三个不同的 JSON 文件组合在三个单独的组件中这是回购：https://github.com/georgehowell/ColonialState_homepage-slider_v2

这是每个组件的错误：

【问题讨论】：

标签： json vue.js

【解决方案1】：

需要在脚本中添加一个“数组”道具
export default { name: 'Slider', props: { ` listing: Array } }

每个父组件（使用“滑块”）需要如下所示：

&lt模板&gt &ltSlider v-if="listing!=''" :listing="listing" /&gt

【讨论】：