“变异”是 Quasar 的一个指令，它提供了监视对 DOM 树进行的更改并触发这些更改时调用方法的功能。

在幕后，它使用的是 Mutation Observer API。

用法

首先阅读 Mutation Observer API 将有助于您理解此指令的工作原理。

处理程序函数接受一个参数，该参数是 MutationRecord 的数组。

捕获所有内容

如果不指定任何修饰符（除了“once”），Mutation 指令将启用所有修饰符。

拖放示例

由于拖放浏览器 API 支持的原因，以下示例仅适用于桌面端。将彩色方块拖动到其他位置，以查看 Mutation Observers 的结果。

撤销/重做示例

Mutation Observer 的一个用例是在应用程序中实现撤销/重做堆栈。您可以根据过滤要求观察数据的添加和删除。您可以将变异捕获到堆栈中，并使用堆栈来实现撤销。撤销期间的任何变异数据都可以进入重做堆栈。不要忘记在将标准化数据放入撤销堆栈时清除重做堆栈。