vue入门：（v-for指令与列表渲染）

• v-for渲染列表
• 维护状态
• 数组变异方法与替换数组
• $set、$remove
• 对象属性实现列表渲染

 一、v-for渲染列表

语法：v-for="item in items"

先来看示例：

 1 <style>
 2     *{
 3         margin: 0;
 4         padding: 0;
 5         list-style: none;
 6     }
 7     ul{
 8         margin: 100px;
 9     }
10     li{
11         line-height: 30px;
12     }
13     p{
14         display: inline-block;
15     }
16     span{
17         border: 1px solid red;
18         color: red;
19         padding: 2px;
20         font-size: 12px;
21     }
22 </style>

样式代码