vue简单实例代码

最新推荐文章于 2023-06-22 17:19:11 发布

weixin_30875157

最新推荐文章于 2023-06-22 17:19:11 发布

阅读量186

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/AmbiguousMiao/p/9018060.html

版权

<!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文件中挂在一个实例

转载于:https://www.cnblogs.com/AmbiguousMiao/p/9018060.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30875157

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue简单实例代码

<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></scrip...
复制链接

扫一扫