背景

在一次项目开发过程中，我看到我同事用js创建了一个弹窗组件和toast提醒组件。说实话我还从来没有用js创建组件。学习学习js

弹窗组件的创建步骤

1. 组件创建用 class 的方式 class Dialog{}

2. 组件直接挂载在全局window上面 window.dialog = new Dialog();

3. 挂载页面的时候初始化组件的基本结构，接受一个对象，弹窗记得基本信息 constructor() {this.init({});}

4. 完善组件的方法，组件的显示，隐藏，初始化

5. 完善组件的样式

6. 使用代码

7. js创建组件demo

总结

emmm，我觉得我是学到了，我知道如何用js写组件了（ps:我以前应该也会的，只是我从来没有在项目里面写过

以前我是既然我选了vue，就要用.vue的形式创建组件，原生的方式倒是没有想过，更加没有使用过。但是在这次的项目开发过程中，我发现在某些情况下用原生的js创建组件是一个非常不错的选择，那一刻我明白了，适合自己实际需求的才是最好的，混合式组件开发可以取长补短。