서버에서 동적 필드를 vuejs로 바인딩 할 수있는 방법

Question

fileds 서버에서 게시물을 만들고 데이터도 양식 서버이므로 어떻게 vuejs와 바인딩 할 수 있습니까? 내가 마지막으로 보여주고 싶은 것은 filedName이 아니라 데이터입니다.

는

<script> 
 
    module.exports = { 
 
     data: function() { 
 
      return { 
 
       filedNameFromServer: ['{{filed1}}', '{{filed2}}','{{filed3}}'], 
 
       dataFromServer: { 
 
        filed1: 'value1', 
 
        filed2: 'value2', 
 
        filed3: 'value3' 
 
       } 
 
      } 
 
     }, 
 
     methods: { 
 

 
     } 
 
    } 
 
</script>

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

Answer 1

<script> 
    module.exports = { 
     data: function() { 
      return { 
       filedNameFromServer: ['filed1', 'filed2','filed3'], 
       dataFromServer: { 
        filed1: 'value1', 
        filed2: 'value2', 
        filed3: 'value3' 
       } 
      } 
     }, 
     methods: { 

     } 
    } 
</script> 

는 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> 

PS : filedfield해야한다, 또는 데이터 사실에 대한 파일/신고는?