Ready

ready是Regular库中用于在DOM准备就绪后执行函数的方法。在Regular库中运用广泛，主要用于在DOM元素渲染完成后更新其状态或执行一些其他操作。

语法

ready(fn)

• 参数：

  • fn：类型 Function 表示在DOM准备就绪后要执行的函数。

• 返回值：

  • 此函数无返回值。

使用示例

下面是一个使用ready的示例，该示例使用ready来更新DOM元素的状态。

<div class="example" r-class="{'active': isActive}"></div>

import Regular from 'regularjs';

const App = Regular.extend({
  template: `<div ref="exampleEl" on-click="{this.onClick}">
                <p r-show="isActive">Example is active</p>
             </div>`,
  init() {
    Regular.dom.on(this.$refs.exampleEl, 'click', () => {
      this.isActive = !this.isActive;
    });
    // 使用ready来更新DOM元素状态
    Regular.dom.ready(() => {
      this.isActive = true;
    });
  }
});

const app = new App({
  data: {
    isActive: false
  }
});
app.$inject(document.body);

此示例中，ready方法用于在DOM准备就绪后更新DOM元素的状态，因此在该示例中，元素一开始是被隐藏的。一旦DOM准备就绪，元素将显示并允许用户与之交互。

注意事项

• ready方法只有在DOM准备就绪后才会执行函数。如果在DOM元素渲染完成前调用此方法，则函数不会被执行。

• ready只能在Regular组件内部使用。

• ready方法不会在每个组件的init方法中使用。只需在需要时使用即可。

• ready方法只会在组件的初始化期间调用一次。如果需要多次在DOM准备就绪后执行函数，则需要在该函数中手动设置事件侦听器或使用其他方法。