夜光带你走进Vue.js（十五）擅长的领域

最新推荐文章于 2023-07-27 11:30:18 发布

GeniusTeam-夜光

最新推荐文章于 2023-07-27 11:30:18 发布

阅读量115

点赞数

分类专栏： Genius-Vue.js

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102408026

版权

Genius-Vue.js 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

夜光序言：

曾经，你牵着我的手，说和我一起走，不管未来如何，我们永远是我们。那个时候，我以为，真的可以，执子之手，与子偕老。那个时候，我以为幸福是会属于我的，那个时候为了你，我折断自己的翅膀，不要梦想，不要飞翔，只奢望可以一直，就一直这样，守侯在你的身旁，延续那个只有我们才知道的故事。

正文：

循环语句

循环使用 v-for 指令。

v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。

v-for 可以绑定数据到数组来渲染一个列表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <ol>
        <li v-for="site in sites">
            {{ site.name }}
        </li>
    </ol>
</div>
<script src="../js/vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            sites: [
                { name: 'xiaoyan' },
                { name: 'muchen' },
                { name: 'yeguang' }
            ]
        }
    })
</script>
</body>
</html>

GeniusTeam-夜光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进Vue.js（十五）擅长的领域

夜光序言：曾经，你牵着我的手，说和我一起走，不管未来如何，我们永远是我们。那个时候，我以为，真的可以，执子之手，与子偕老。那个时候，我以为幸福是会属于我的，那个时候为了你，我折断自己的翅膀，不要梦想，不要飞翔，只奢望可以一直，就一直这样，守侯在你的身旁，延续那个只有我们才知道的故事。正文：循环语句循环使用 v-for 指令。v-for 指令需要以 s...
复制链接

扫一扫