仿Element-UI组件封装起步1-介绍

组件库封装

基本介绍

目标：（ 造轮子）

• 自己动手封装一个公共组件库（我们自己的element-ui, vant）
• 放置在npm上，其它用户通过 npm i yourUIName 来下载安装使用组件 。

意义：

• 更加深入地学习vue组件相关的知识
  • 组件之间数据共享， 事件，props，插槽…
  • Vue.component(), render()
  • 如何开发Vue的插件： Vue.use()
• 学会封装一个公共组件库，打包，发布到npm，迭代开发…
• 有利于提高竞争力
  学习内容：
• Vue.use()
• 用vuecli创建项目，并用webpack把项目打包成组件库
• 发布到npm
• 插槽： 具名插槽和默认插槽
• sync
• render
• 虚拟dom
• $attrs/ $listeners