vue2.0 如何自定义组件（vue组件的封装）

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.  封装完毕了，直接调用即可。