vue练习demo3-(v-for)

最新推荐文章于 2023-11-10 21:51:54 发布

原创最新推荐文章于 2023-11-10 21:51:54 发布 · 428 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

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>