Vue3正式版終於出現了啊，因為一開始是去學Kuro大大的Vue2.6的課程，剛好是3.0的前一版，本來滿擔心會不會差很多，但是實際使用上好像也還好，其實是我只會皮毛而己。 這應該是今年的最後一篇文章了，先預祝大家新年快樂，2021大發財。現在，讓我們來做做一個簡單的購物車APP吧，Let’s go。 首先我們想做一個這樣子的頁面 There should have been a video here but your browser does not seem to support it. 第一步 - 基本設定 先將相關的CSS跟圖片載入，資料夾的結構加下所示 建立index.html + index.js 載入 …

Read More

Vue (讀音 /vjuː/，類似於 view)是一套用於構建用戶界面的漸進式框架，它是由尤雨溪開發的。Vue與其它大型框架(Angular、React )不同的是，Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠為複雜的單頁應用提供驅動。至於為什麼會去選擇VUE呢？其一是它很輕量，其二是因為我的英文很弱啊。 Vue.js的初體驗 資料連動 (v-model) Vue.js是Reactive的，資料跟畫面綁定後，我們只要關心資料的變化，下面就是一個很簡單的例子。 There should have …

Read More

相信大家都有聽過firebase的大名，它是一個資料庫，但是其實它其它也有包含網頁的部分，就叫做Hosting，跟它的Database做結合，可以更簡單的做一個有資料庫的動態網頁。安裝firebase-tools跟登入的部分就不多說了，詳情可以參考之前的網頁。我們就開始吧。 Firebase Hosting Hosting 首先呢，這裡還是使用博客來的書籍資料來當DB使用，然後看看Hosting到底長的是什麼樣子？ { "eBook": { "9789861365404": { "name": "勇氣圖鑑：受挫、失敗都是成長的養分", "url": …

Read More