vue简单实例代码

时间：2024-01-16 18:10:02
<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="https://cdn.jsdelivr.net/npm/vue"></script>

</head>

<body>

    <div id="app">

        <ul>

            <li v-for="item in tabs">

                {{ item.text }}

            </li>

        </ul>

    </div>

    <script type="text/javascript">

        new Vue({

            el:'#app',

            data: {

                tabs: [{

                    text:'巴士'

                },{

                    text:'快车'

                },{

                    text:'专车'

                },{

                    text:'顺风车'

                },{

                    text:'出租车'

                },{

                    text:'代驾'

                }]

            }

        })

    </script>

</body>

</html>

vue文件中挂在一个实例

相关文章