vue练习demo3-(v-for)

最新推荐文章于 2025-06-13 15:53:18 发布

jamesge2010

最新推荐文章于 2025-06-13 15:53:18 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/jamesge2010/article/details/122227725

vue 专栏收录该内容

27 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <li v-for="(item,index) in items">
            {{item.message}}--{{index+1}}
        </li>
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data:{
                items: [
                    {message: '我是大神'},
                    {message: '大神是我'},
                    {message: 'java大牛'}
                ]
            }
        })
    </script>

</body>
</html>