AndrewPythonQuasar

Vue 與 Quasar 的路由介紹 在前一篇分享中，我分別使用 vue create 與 quasar create 內定選項建立了兩個專案，請保留這兩個專案，我們在後面的分享會用到。由 vue 建立的專案，是一個 SPA (Single Page Application)， 而由Quasar 建立的專案，由於有 Drawer 選單，所以可以視為一個 MPA (Multiple Page Application) 多頁式應用程式。 如果是一個多頁式應用程式，我們該如何控制在不同的網頁中切換呢？就必須使用 Vue Router來控制。接下來，我就來介紹 Vue Router 的用法。 今天分享的內容會包含： 用 Vue CLI 建立一個多頁式應用程式 Vue Router 介紹 以 Quasar CLI 建立一個多頁式應用程式 Hash Mode 與 History Mode 的差異 新增 About, News 兩個子網頁 用 Vue 建立一個多頁式應用程式 先執行 power shell 或 cmd，進入 projects 目錄，在 cmd 中輸入 vue create hellovue2，但這次不要用 Default 選項，選擇手動。 Vue CLI v4.5.15 ? Please pick a preset:   Default ([Vue 2] babel, eslint)   Default (Vue 3) ([Vue 3] babel, eslint)  > Manually select features 按下 Enter 之後，會出現下面的選單： Vue CLI v4.5.15 ? Please pick a preset: Manually select features ? Check the features needed for your project:   (*) Choose Vue version  (*) Babel  ( ) TypeScript  ( ) Progressive Web App (PWA) Support         >(*) Router  ( ) Vue...

 Vue3 與 Quasar 程式架構比較 坊間其實關於 Vue.js 的書籍很多，但是很多都是由 Vue 2.0 改版過來的，所以在學習的過程中，看到的範例都程式片段，很難把所有的東西連貫起來。這篇文章的目的，就是實際使用 Visual Studio Code 一步一步地建立出樣版程式，然後以實際的操作來說明 Vue 以及 Quasar 的整體程式架構。相信對於初學者會有一定的幫助。 今天會談到以下幾點：

接下來我們的焦點就要回到 ESP8266 上面，要讓 ESP8266 連上 Arduino UNO ，其實還有很長的路要走，我看了很多網路的分享，有些人上手的測試大概就花了兩個月，中間可能燒壞了好幾個 ESP8266 ，還好我不是先驅，所以我會整理出最佳方式，讓初學者可以輕鬆上手。 ESP8266 是深圳樂鑫資訊（信息）科技公司開發的 Wi-Fi 晶片（芯片），只有 32 個接腳（引腳），而深圳安信可科技用這顆晶片開發出 12 種小型電路板，分別為 ESP-01 到 ESP-12 。如下圖： 不只安信可科技一家公司用 ESP8266 晶片做 Wi-Fi 小卡，也有其他板卡商拿這顆晶片去做小卡，例如北京多奧雲智科技做成 DWA8 ，或位在紐約市的創客知名公司 Adafruit 也有做。 甚至現在已經出現了 ESP8266 與 Arduino 整合的板子，例如 ESP-12E 與 ESP-13( 光華商場就可以買到，連說明書 800 多塊 ) 都是。但我所使用的，就是目前大家討論最多的 ESP-01( 新版是黑色板 ) 。 ESP-01 雖然便宜，但是卻是個設計上，與 Arduino 和麵包板格格不入的板子，沒有說它不好，就是格格不入。這麼說是讓大家先有心理準備，不過它真的很便宜，我們就用吧。 不相容的腳位設計 下圖是 ESP-01 的腳位， 它的腳位設計蠻奇怪的，無法直接插入麵包板 ： 所以可以看到網路上有人分享，自己做一個轉接板，接插座跟接頭弄成適合麵包板插的形式，如下圖，當然，市面上也可以買到現成的，但是我去光華商場問過了，沒賣，上網找的話可以找到： 因此，最方便的解決之道就是買一包公對母的杜比接頭線，公頭就可以直接插到麵包板或者 Arduino 上，母頭則是接 ESP-01 。 3.3V 電壓與不相容的電流 ESP8266 吃的是 3.3V 的電壓，還可以高興一下，因為 Arduino UNO 可以提供 3.3V 的電壓，不幸的是 Arduino 官方規格寫 3.3V 只能提供 50mA 的電流，而 ESP8266 會吃超過 100mA 的電，理論上要外接電源，但是我覺得歐洲人在寫規格的時候會比較保守，雖說只提供 50m...