让Vue组件成为一个强大的组件

powerful-component觉得好用的兄弟们帮忙点个star吧。仓库地址是一个包装Vue对象的实用函数。支持Vue2和Vue3支持Vue3下的Typescript。其实Vue2也可以支持Typescript。但没有必要。npminstall--savepowerful-component只需要你遵循很少的规范就可以让你的Vue组件变得强大。得到如下函数。变量pageIsReady是否加载页面。默认为假。当mounted和created都被执行时，pageIsReady会变为true。约定需要确保mounted和created以async/await风格编写。确保pageIsReady变量可以知道异步请求执行完成。Example点击事件防抖，增加以on开头的加载样式的方法会添加防抖功能，可以给点击的按钮添加加载样式。方法名以on开头，写成async/await风格。这样powerful-component就会知道方法是否已经执行，方法参数列表中的最后一个就是点击事件的事件，从而获取DOM元素，添加样式。示例最后这个库的核心思想来自这篇文章使用async/await实现一些装饰器让Vue更好用