仿element使用vue实现自己的UI组件库

先看看效果:

  • 在线查看地址: 在线查看
  • GitHub 项目地址:https://github.com/hxh2010/hai-ui

注:由于个人网站服务器需要全站使用https,访问可能弹出警告,无视即可,有什么可以错误或者需要也可以直接联系我 O(∩_∩)O~

  • 个人网站: 在线查看

由来

去年学习 element 并尝试实现自己的组件库时自己写的项目,后来买了个阿里云来弄个人网站,顺便部署上去了。
先来张图:
仿element使用vue实现自己的UI组件库_第1张图片
资料在网站左侧的笔记里面。资料比较简洁,具体请看 github 的代码。

参考

Element源码系列——Vue加载Markdown
从零开始搭建Vue组件库 VV-UI

问题

项目主要参考上面vv-ui的,然后发现,无法实现按需引入及浏览器引入,又回到 element 源码的 查看,下面这篇文章是自己整理的针对element的构建打包实现的解析,需要的可以了解下。

element 源码解析–打包构建

如果需要对UI组件实现按需引入及浏览器引入的,可参照 element 源码的文件进行修改。

你可能感兴趣的:(仿element使用vue实现自己的UI组件库)