Vue使用v-for实现循环

 时间:2024-10-23 21:08:43

1、创建html文件,在其中引入vuejs。<script src='../js/vue.js'></script>vue.js放在js目录下。

Vue使用v-for实现循环

3、在div内,创建一个ul标签,其中使用v-for创建li标签列表。 <挢旗扦渌;ul> <li v-for="(item,index) in booksList" :key="index">{{item}}</li> </ul>

Vue使用v-for实现循环

5、打开浏览器查看页面显示结果。列表中的元素都显示出来了。

Vue使用v-for实现循环

7、在methods方法内,定义delBook事件,用来操作书籍列表。

Vue使用v-for实现循环
  • 医保怎么修改参保地区
  • 医保参保地怎么改到新城市?
  • 医保怎么换参保地
  • 医保怎么改参保地
  • 支付宝医保找不到参保地怎么办
  • 热门搜索
    寓言故事大全 万年青的养殖方法和注意事项 符号大全花样符号 火腿肠的做法大全 谜语大全儿童 丰胸最有效的方法 去痣的最好方法 白内障的治疗方法 血小板低的治疗方法 菜谱家常菜做法大全