使用v-for指令 循环遍历出数组里的数据,然后渲染到页面
    ■现在，我们来展示一个更加复杂的数据︰数据列表。
    比如我们现在从服务器请求过来一个列表
    希望展示到HTML中。

    ■HTML代码中，使用v-for指令
    该指令我们后面会详细讲解，这里先学会使用。

    ■是不是变得这么简单，我们再也不需要在JavaScript
    代码中完成DOM的拼接相关操作了

    ■而且，更重要的是，它还是响应式的.
    也就是说，当我们数组中的数据发生改变时，界面会自动改变。
    依然让我们打开开发者模式的console，来试—下

    注意:绑定的id 一定要在这id 内的结构才能正常渲染吧展示

    2. <div id="app">
    3.   <ul>
    4.     <li v-for="item in liebiao">{{item}}</li>
    5.   </ul>
    6. </div>
    7. <script>
    8.   const app = new Vue({
    9.     el: '#app',
    10.     data: {
    11.       name: '老陈',
    12.       age: 18,
    13.       liebiao: ['海王', '星际穿越', '超验核客', '盗墓空间']
    14.     }
    15.   })
    16. </script>