08.列表和对象的渲染(初步使用)（重点）

一、列表和对象的渲染(初步使用)（重点）

```html

 <div id="app">

        <ul>

            <!--i是列表中的每一个数据-->

            <li v-for="i in list1">{{ i }}</li>

        </ul>

       <ul>

            <!--i是列表中的每一个数据 j是每一个数据的下标-->

            <li v-for="(i, j) in list1">{{ i }} {{ j }}</li>

        </ul>

       <ul>

           <!--i是my_obj对象中的值-->

           <li v-for="i in my_obj">{{i}}</li>

       </ul>

       <ul>

           <!--i是my_obj对象中的值 j是my_obj对象中的键名-->

           <li v-for="(i, j) in my_obj">{{i}}  {{j}}</li>

       </ul>

   </div>

   <script>

       var vm = new Vue({

           el:"#app",

           data:{

               list1: ["javascript", "html", "css", "vue", "react"],

               my_obj: {

                   name: "javascript",

                   age: 24

               }

           }

       })

   </script>

```