mui('.').on和addEventListener的区别

mui('.').on和addEventListener都是用于添加事件监听器的方法，但它们有一些区别。

1. 语法：
- mui('.').on：这是MUI框架提供的方法，用于选择DOM元素并添加事件监听器。它的语法是mui(selector).on(event, callback)。
- addEventListener：这是原生JavaScript提供的方法，用于添加事件监听器。它的语法是element.addEventListener(event, callback)。

2. 事件绑定方式：
- mui('.').on：可以同时为多个DOM元素添加事件监听器，通过选择器选择需要绑定事件的元素。
- addEventListener：只能为单个DOM元素添加事件监听器，需要直接指定元素。

3. 兼容性：
- mui('.').on：是MUI框架提供的方法，主要用于移动端开发，对于不同浏览器的兼容性可能有所差异。
- addEventListener：是原生JavaScript提供的方法，具有较好的跨浏览器兼容性。

4. 功能扩展：
- mui('.').on：MUI框架提供了一些额外的功能，例如可以通过选择器选择多个元素一次性添加事件监听器。
- addEventListener：原生JavaScript提供的方法相对简单，没有额外的功能扩展。