Vue使用v-for实现循环

2025-05-26 02:58:30

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实现循环
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢