Vue JS에서 v-for 작업의 기본 예제를 얻을 수없는 이유는 무엇입니까?

질문

v-for 에 대한 간단한 hello world를 얻으려고합니다. 나는 이것을 한 시간 동안 봤는데 이 것 과 같은 다양한 다른 게시물을 찾았습니다. a> 사용하지 않습니다.

내 HTML :

<ul>
    <li v-for="item in history">
        {{ item }}
    </li>
</ul>

내 JS :

new Vue({
    el: '#app',
    data: {
        history: [
            'red','green','blue'
        ],
    },
});

내 출력 :{{항목}}

답변1

new Vue({
  el: '#app',
  data: {
    history: [
      'red', 'green', 'blue'
    ],
  },
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<ul id='app'>
  <li v-for="item in history">
    {{ item }}
  </li>
</ul>

Expand snippet

답변2

<ul id="app">
    <li v-for="item in history">
        {{ item }}
    </li>
</ul>

 

 

 

 

출처 : https://stackoverflow.com/questions/63422673/why-cant-i-get-a-basic-example-of-working-v-for-in-vue-js