Avalon 学习系列（四）—— 循环遍历

最新推荐文章于 2024-08-21 00:07:22 发布

＊且听风吟

最新推荐文章于 2024-08-21 00:07:22 发布

阅读量521

点赞数

分类专栏： # Avalon 文章标签：学习 javascript 数学建模

本文链接：https://blog.csdn.net/hh18700418030/article/details/130599613

版权

Avalon2的ms-for指令整合了ms-repeat,ms-each,ms-with的功能，提供了一种更简洁的数组和对象循环方式，无需像Vue或React那样使用key属性。它支持双重循环和多级循环，且在性能上有显著提升。示例展示了ms-for如何处理数组和对象的循环渲染。

摘要由CSDN通过智能技术生成

Avalon2 的 ms-for 绑定集齐了 ms-repeat, ms-each, ms-with 的所有功能，更加好用，性能也提升了很多。

Avalon 不需要 vue 或 react 那样使用 key 属性来提高性能，内部已经帮你搞定了。

循环数组

ms-for 循环数组示例：

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>Demo Avalon</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="./avalon.js"></script>
  <script type="text/javascript">
    var vm = avalon.define({
     
      $id: "maincontainer",
      arr: ['上海', '北京', '广州', '深圳']
    })
  </script>
  <style>
    .ms-controller {
     
      display: none;
    }
  </style>
</head>