本文主要是對 Vue 組件學(xué)習(xí)的總結(jié)和之后要寫的內(nèi)容的計劃。 組件學(xué)習(xí)總結(jié) 組件庫的本質(zhì)是什么？ 組件庫其實就是一堆組件組成的一個項目，一般項目...
投稿
收錄了27篇文章 · 143人關(guān)注
-
Vue 組件學(xué)習(xí)總結(jié)
-
element 源碼學(xué)習(xí)六 —— Carousel 走馬燈學(xué)習(xí)
簡單使用 走馬燈功能在展示圖片時經(jīng)常用到，而 element 中提供了 Carousel 組件。出于好奇學(xué)習(xí)一下它的實現(xiàn)原理。具體的功能詳情請查...
-
mint-ui 源碼學(xué)習(xí)二 —— picker 選擇器組件源碼學(xué)習(xí)
在 mint-ui 中，picker 是很常用也比較復(fù)雜的一個組件，讓我們拆解這個組件看看它是如何實現(xiàn)的。 整體結(jié)構(gòu) 來看看 picker 的整...
-
mint-ui 源碼學(xué)習(xí)三 —— datetime-picker 源碼學(xué)習(xí)
上一篇，我們了解了 picker 的實現(xiàn)及基本原理。順帶著看看 datetime-picker 組件和 picker 有何不同吧~PS： 看本文...
-
mint-ui 源碼學(xué)習(xí)四 —— 列表相關(guān)組件學(xué)習(xí)
除了一些基礎(chǔ)的組件，幾個列表組件讓我非常好奇。所以這里來學(xué)習(xí)一下 loadmore infinite scroll 和 index list ...
-
mint-ui 源碼學(xué)習(xí)一 —— 項目整體分析本文主要介紹 mint-ui 的目錄結(jié)構(gòu)、所有的技術(shù)棧以及組件庫的搭建知識。 mint-ui 項目整體學(xué)習(xí) 看圖說話~ .github 目錄用于...
-
換個角度學(xué)習(xí) VUE CLI 3簡介 vue cli 3 是一個類似于 create-react-app 的可以用例命令行快速配置和生成一個 vue 項目。]vue cli 3...
-
Vue.js 源碼學(xué)習(xí)九 —— 過渡效果 transition 學(xué)習(xí)
在學(xué)習(xí) element ui 時，發(fā)現(xiàn)組件的過渡用的是 Vue.js 提供的 標(biāo)簽。這里來好好認(rèn)識下 vue 的過渡到底是如何工作的。 簡介...
-
element 源碼學(xué)習(xí)五 —— Notice 系列組件學(xué)習(xí)
消息提示行為是開發(fā)中非常常見的功能，Element 為我們提供了非常好用和美觀的消息提示組件。這里就簡單學(xué)習(xí)下 Notice 組件的 CSS 和...
-
element 源碼學(xué)習(xí)四 —— color-picker 源碼學(xué)習(xí)在 element ui 中最讓我好奇的組件之一就是 color-picker 著色器組件。這里還是通過幾個問題來學(xué)習(xí)一下如何實現(xiàn)著色器的。 源...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/321288/logo.png', '推薦專題《Vue實驗室》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/edec9ac6d9a7?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}