VUE——v-for指令的四种使用方式

最新推荐文章于 2024-06-06 10:24:55 发布

mintsolace

最新推荐文章于 2024-06-06 10:24:55 发布

阅读量306

点赞数

分类专栏： vue 学习笔记文章标签： vue 前端

本文链接：https://blog.csdn.net/mintsolace/article/details/103019361

版权

本文详细介绍了Vue.js中的v-for指令，包括如何使用v-for循环普通数组、对象数组、对象以及迭代数字，深入理解v-for在前端开发中的应用。

摘要由CSDN通过智能技术生成

v-for循环普通数组

    <div id="app">
        <p v-for="(item, i) in list">索引值: {
  {i}} --- 每一项: {
  {item}}</p>
    </div>
    <script>
        //创建Vue实例，得到ViewModel
        var vm = new Vue({
    
            el: '#app',
            data: {
    
                list: [1,2,3,4,5,6]
            },