vue.js的循环语句

最新推荐文章于 2021-04-30 17:08:06 发布

是李静啊

最新推荐文章于 2021-04-30 17:08:06 发布

阅读量336

点赞数

文章标签： vue vue.js vue循环

本文链接：https://blog.csdn.net/a18434051652/article/details/96964472

版权

vue.js的循环语句

循环使用 v-for 指令。

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

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

<!DOCTYPE html>
<html>

   <body>
       <div id="xunhuan">
           <ol>
               <li v-for="site in sites">
                   {{site.name}}
               </li>
           </ol>
       </div>
       <script type="text/javascript">
           new Vue({
               el: "#xunhuan",
               data: {
                   sites: [{
                           name: "dns"
                       },
                       {
                           name: "dnes"
                       },
                       {
                           name: "dnss"
                       },
                   ]