這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 背景 因為我們日常開發項目的時候，需要和同事對接api和文檔還有UI圖，所以有時候要同時打開多個視窗，併在多個視窗中切換，來選擇自己要的信息，如果api和文檔不多的情況還好，但是有時候就是要做大量的頁面，為了提升效率我決定自己做一個截圖工 ...
隨著技術的發展，開發的複雜度也越來越高，傳統開發方式將一個系統做成了整塊應用，經常出現的情況就是一個小小的改動或者一個小功能的增加可能會引起整體邏輯的修改，造成牽一發而動全身。通過組件化開發，可以有效實現單獨開發，單獨維護，而且他們之間可以隨意的進行組合。大大提升開發效率低，降低維護成本。 組件化對於任何一個業務場景複雜的前端應用以及經過多次迭代之後的產品來說都是必經之路。組件化要做的不僅僅是錶面上看到的模塊拆分解耦，其背後還有很多工作來支撐組件化的進行，例如結合業務特性的模塊拆分策略、模塊間的交互方式和構建系統等等 。 前端的組件化，其實是對項目進行自上而下的拆分，把通用的、可復用的功能以黑盒的形式封裝到一個組間中，然後暴露一些開箱即用的函數和屬性配置供外部組件調用，實現與業務邏輯的解耦，來達到代碼間的高內聚、低耦合，實現功能模塊的可配置、可復用、可擴展。
今天給大家介紹的一款組件是：前端Vue自定義暫無數據組件nodata 用於頁面請求無數據時展示，
效果圖如下:
cc-nodata
使用方法
<!--暫無數據組件 title:標題 v-if：是否顯示-->
<cc-nodata title="暫無數據" v-if="true"></cc-nodata>
下載完整代碼地址：https://ext.dcloud.net.cn/plugin?id=13435
