Vue教程(二)条件与循环

最新推荐文章于 2022-03-19 11:18:00 发布

_否极泰来_

最新推荐文章于 2022-03-19 11:18:00 发布

阅读量230

点赞数

分类专栏： # Vue教程文章标签： vue

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/yuan_xw/article/details/119490675

版权

Vue教程专栏收录该内容

49 篇文章 24 订阅

订阅专栏

Vue教程(二)条件与循环

v-for 指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_list</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <h3>条件与循环</h3>
    <span>v-for 指令可以绑定数组的数据来渲染一个项目</span>

    <p>地区：</p>
    <div id="app">
        <ul>
            <li v-for="area in areas">{{area}}</li>
        </ul>
    </div>

    <script>
        const app = new Vue({
            el:"#app",
            data:{
                areas:["河北",
                    "香港",
                    "黑龙江",
                    "台湾",
                    "上海",
                    "广东",
                    "北京",
                    "辽宁"]
            }
        });
    </script>

</body>
</html>

– 以上为《Vue教程(二)条件与循环》，如有不当之处请指出，我后续逐步完善更正，大家共同提高。谢谢大家对我的关注。

——厚积薄发(yuanxw)

_否极泰来_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue教程(二)条件与循环

02.【vue】条件与循环v-for 指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_list</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><
复制链接

扫一扫