PS：轉(zhuǎn)載請注明出處
作者: TigerChain
地址http://www.reibang.com/p/0b45ac7914b7
本文出自 TigerChain 簡書 手把手教 Vue 系列
教程簡介
- 1域慷、閱讀對象
本篇教程適合新手閱讀，老手直接略過 - 2汗销、教程難度
初級犹褒，本人水平有限，文章內(nèi)容難免會出現(xiàn)問題弛针，如果有問題歡迎指出叠骑，謝謝 - 3、Demo 地址:https://github.com/tigerchain/vue-lesson 請看 07削茁、幾個Vue小demo 這一節(jié)
- 4宙枷、演示地址
正文
掌握了前面幾節(jié)的知識，我們上手 Vue 應(yīng)該沒有什么難度了付材，在公司中就可以做些東西了「邊學(xué)邊用么朦拖，等到你學(xué)會再用，黃花菜都涼了」
這一節(jié)厌衔，我們不介紹新的知識了璧帝，就做幾個小小的 demo 來鞏固一下前面所學(xué)的知識，這些小 demo 就是用來練手的「也當(dāng)就是復(fù)習(xí)了」富寿，廢話不多說了睬隶，來看看今天的這些小 demo
1、懸浮吸頂效果
stick-top
2页徐、商品多選效果
select-demo
3苏潜、標(biāo)簽選中和默認(rèn)色值替換
tab-select
4、折疊效果
accordian
當(dāng)然如果你喜歡可以在折疊條上添加一個向上和向下的三角按鈕变勇，自行發(fā)揮吧
5恤左、簡易計算器
calculator
一個非常簡單的計算器「有些許 bug 沒有處理，如果感覺興趣可以自行解決」
6搀绣、下拉選擇菜單
selectmenu
從圖中我們可以看到飞袋，選擇菜單有過渡效果，并且鼠標(biāo)停留在那個選項中變成紅色链患，離開恢復(fù)到默認(rèn)顏色
本節(jié)就這么幾個小小的 demo 大家來感受一下巧鸭，全當(dāng)是復(fù)習(xí) vue 的知識
點(diǎn)贊富一生，轉(zhuǎn)發(fā)富五代麻捻，更多文章請關(guān)注我的微信公號來查閱
公眾號：TigerChain
