javascript - 防暴 js this.update 奇怪的行为

Question

我有一个简单的代码

<test>
<ul>
  <li each={ books }> { title }</li>
</ul>

<button type="button" name="button" onclick={ loadBooks }>Load books</button>

<script>
  'use strict';

  this.books = [];
  let offset = 0;

  this.on('mount', () => {
    console.log('mounted');
  });

  this.on('update', () => {
    console.log('updated');
  });

  loadBooks ()  {
    fetch('/api/books?limit=10&offset='+offset)
    .then(response => response.json())
    .then(books => {
      offset+=10;
      this.books = books;
      // this.update();
    })
    .catch(err => console.log(err));
  }
</script>

在我的 app.js 中，我只需要 riot、test.tag 并执行 riot.mount('#root', 'test');这是初始屏幕，为什么在安装之前触发更新？ 当我第一次点击时，它会记录更新已触发但 View 不会重新呈现 第二次点击后，触发事件更新并重新呈现 View

如果我在 promise 中取消注释 this.update();，事件更新将触发两次

更新:如果删除 this.books = books 并写入 this.update({books}); 事件更新将触发两次，并且渲染将工作，但为什么2次？？？

Answer 1

1) update before mount:这在@next/3.0.0 中已修复，按照:https://github.com/riot/riot/issues/1661

2) 为什么 2x update:可能，一个来自标签，一个关于子标签。这是在这里问的:https://muut.com/i/riot-js/using:why-update-event-is-trigg