https://www.cnblogs.com/pengfei-nie/p/9134367.html
一、前言
之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。
vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话已经很不错了,但是坑也是不少,而且项目中很多功能仅凭这些也实现不了,这需要我们去封装自己的可复用组件。
二、封装组件的步骤
1. 建立组件的模板,先把架子搭起来,写写样式,考虑好组件的基本逻辑。 os:思考1小时,码码10分钟,程序猿的准则。
2. 准备好组件的数据输入。即分析好逻辑,定好 props 里面的数据、类型。(后面详解)
3. 准备好组件的数据输出。即根据组件逻辑,做好要暴露出来的方法。(后面详解)
4. 封装完毕了,直接调用即可。