v-for 数组的循环

xieting153

于 2018-09-14 23:49:22 发布

阅读量385

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.csdn.net/xieting153/article/details/82710144

vue 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id='app'>
    <ul>
        <li v-for="(value,key,index) in obj">{{key}}:{{value}}:{{index}}</li>
    </ul>
    <div v-for="(value,index) in fruits">{{value}}:{{index+1}}</div>
</div>
</body>
</html>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el: '#app',
        data: {
            obj:{name:'zfpx',age:9,address:'xxx'},
            fruits:[{name:'zhu'},{name:'feng'},{name:'px'}]
        },
        methods: {}
    })
</script>