Vueの学習の道九:v-for

6777 ワード

<body>
    <div id="app">
      

      
      

      
      
      
      
      
      
      <p v-for="count in 10">    {{ count }}    p>
    div>

    <script>
      var vm = new Vue({
        el: '#app',
        data: {
          list: [1, 2, 3, 4, 5, 6],
          objList: [
            { id: 1, name: 'zs1' },
            { id: 2, name: 'zs2' },
            { id: 3, name: 'zs3' },
            { id: 4, name: 'zs4' },
          ],
          user: {
            id: 1,
            name: '    ',
            gender: ' ',
          },
        },
        methods: {},
      })
    script>
  body>

ここではv-for命令を勉強します.

循環一般配列: ：{{ i }}--- ：{{ item }}

ループオブジェクト配列: ：{{ i }}---id ：{{ item.id }}--- ：{{ item.name }}

ループオブジェクト:3番目のパラメータはインデックス: ：{{ val }}--- ：{{ key }}--- ：{{ i }}

サイクル数: {{ count }} 、注意:v-for反復数を使用すると、前のcount値は1から

になります.

Cloudera 5.7クラスター配置(四)--KAFKA集積

Vue:npm run devエラーParsing error:The keyword'import'is reserved