Javascript 如何使用vuejs从服务器绑定动态字段

文件按服务器发布，数据也是表单服务器，如何使用vuejs绑定它们？最后我想展示的是数据，而不是文件名

module.exports={
数据：函数（）{
返回{
filedNameFromServer:[{{filed1}}'，{{{filed2}}'，{{{filed3}}}]，
dataFromServer：{
文件1:'value1'，
filed2:'value2'，
文件3:“值3”
}
}
},
方法：{
}
}

{{filedName}

//编译后我想要的

价值1
价值2
价值3

module.exports={
数据：函数（）{
返回{
filedNameFromServer:['filed1'、'filed2'、'filed3']，
dataFromServer：{
文件1:'value1'，
filed2:'value2'，
文件3:“值3”
}
}
},
方法：{
}
}

HTML:

<template>
    <ul>
        <li v-for="filedName in filedNameFromServer">
          {{ dataFromServer[filedName] }}
        </li>
    </ul>
    //which I want after compile
    <ul>
        <li>value1</li>
        <li>value2</li>
        <li>value3</li>
    </ul>
</template>

{{dataFromServer[filedName]}


//编译后我想要的

价值1
价值2
价值3

注：是否应该将

归档

设置为

字段

，或者您的数据实际上是关于文件/归档的？

module.exports={
数据：函数（）{
返回{
filedNameFromServer:['filed1'、'filed2'、'filed3']，
dataFromServer：{
文件1:'value1'，
filed2:'value2'，
文件3:“值3”
}
}
},
方法：{
}
}

HTML:

<template>
    <ul>
        <li v-for="filedName in filedNameFromServer">
          {{ dataFromServer[filedName] }}
        </li>
    </ul>
    //which I want after compile
    <ul>
        <li>value1</li>
        <li>value2</li>
        <li>value3</li>
    </ul>
</template>

{{dataFromServer[filedName]}


//编译后我想要的

价值1
价值2
价值3

---

PS:是否应该

归档

是

字段

，或者您的数据实际上是关于文件/归档的？

请操作，详细阅读此答案中的代码：不需要

vm插值

，因为模板已经呈现了值。请操作，详细阅读此答案中的代码：不需要使用

vm interpolate

，因为模板已经呈现了值。