功能說明
翻牌配對記憶遊戲，使用Vue製作
遊戲畫面
遊戲功能
- 可隨時重置遊戲
- 三種難度模式選擇
- 紀錄各模式最快完成時間
使用技術
- 卡片翻轉，使用CSS transform 做成卡片翻面效果：Intro to CSS 3D transforms
- Vue.js，使用Vue渲染卡片，以及卡片點擊事件控制：Vue.js
- 切換開關，難易度的設定開關樣式：CSS TOGGLE SWITCH
使用Vue的好處
本來以為用Vue要和Angular一樣建立一些複雜的套件設定，沒想到在CodePen上面加入一個js就可以用了，實在太方便了。
用framework的好處就是不用手動寫很多selector，也省了很多控制事件的步驟。
CodePen
See the Pen card match game vue by martypan (@hatoto) on CodePen.
Game Site：Card Match Game
Code：mini-apps-with-vue
gist：card-match-game-vue