原生js封装组件

原生JS封装组件是指使用纯粹的JavaScript语言来开发自己的组件，而不依赖于任何第三方库或框架。以下是一个简单的原生JS封装组件的示例：

// 创建一个名为MyComponent的组件
function MyComponent(element) {
  this.element = element;
}

// 在组件的原型上添加方法
MyComponent.prototype.init = function() {
  // 初始化组件
  this.element.innerHTML = "This is my component.";
};

// 使用组件
var element = document.getElementById("myElement");
var component = new MyComponent(element);
component.init();

在上面的示例中，我们创建了一个名为MyComponent的组件，它接受一个DOM元素作为参数。然后，我们在组件的原型上添加了一个init方法，用于初始化组件。最后，我们使用组件时，先获取一个DOM元素，然后使用new关键字创建一个组件实例，并调用init方法来初始化组件。

这只是一个简单的示例，实际上，原生JS封装组件可以更复杂和强大，可以包含更多的方法和属性，以及支持各种事件和交互行为