跟著W3做~Vue

 下面是跟著做的紀錄。五個步驟：
1~3. 建立 HTML， 建立 DIV， 連結 VUE.JS。
4. 寫一些程式在VUE的JS中。
5. 在DIV寫格式區塊，讓剛剛的JS可以連結。

另外還找到tad老師的VUE筆記。三大前端框架庫、六角學院的YT。

練習K生命。

跟著W3做~使用BS4與VUE

 這邊是改寫"K生命"遇到問題或是做個筆記

240429，看到scalingUP，安裝在  (W3\vite\vite_klife )，要RUN的話，要先切到那個目錄下執行，npm run dev。之前想說用XAMPP是否可以跑 VITE???不行。那有安裝VITE的目錄下是否可以VITE呢???也不行。必須要用 npm run dev才可以。

240516暫時先跑完W3的範本，說不定可以讓VITE跑XAMPP，全部看完後再看最下面的問題@@

跟著2023鐵人賽做~試試用Vue建立網站吧系列

試試用Vue建立網站吧

Day2，在step3的時候，選擇Customize with create-vue。要注意看圖上面的選項，第一次不懂事，亂選@@最後每次都要切換目錄，cd .\vite001\ ; 執行 npm run dev;

Day4，執行的時候，出現錯誤，我是將這行註解就可以了。
// @import "variables-dark";

Day5，執行json-server錯誤，感謝stackoverflow的大大，要安裝npm install -g json-server@0.17.4。在5的step(2)中，password:""後面不用逗號，且要開啟 json-server (要在db下開啟，json-server --watch db.json，六角學院有筆記可以看)

DAY6，才第六天，就已經下載了很多套件，但要如何知道套件是沒問題的呢???  失敗，VSC沒有錯誤，網頁一片空白@@F12有錯誤訊息，改成下面就成功了

import * as rules from '@vee-validate/rules';
Object.keys(rules).forEach(rule => {
    defineRule(rule, rules[rule]);
 })

做到DAY8???

跟著2023鐵人賽做~Vue 3 之我不會寫Code,我寫的都是Bug

2023的Vue高手

react、Vue 與各種資料庫 初接觸

 最近在研究VUE@@"從入門到使用Vue, Firebase製作老闆交代的網站"是使用vue2。

1. 遇到"Component name  should always be multi-word"，將Home.vue改成HomeTest.vue就OK~

W3School竟然沒有教(20240303有看到了^^)~~然後想看看相同的JS，但發現Angular停產了@@只好再看看REACT，卻發現最近好多都要使用node或是compose，可是當本機測試好了，該怎麼移植到網站上呢???

幸好REACT的台灣網站有教在網頁加入<script>標籤(對嘛~這才是我想要的)。另外找到猴子都看得懂的REACT，簡單真的不簡單，不簡單真的很簡單。感謝eugeneChen分享全端的技術。

Firebase：感謝梅問題分享用firebase架設免費的網站。感謝RyanLee分享Firebase使用。感謝NoobTW分享前端要會的技術、繡房偷吃藕粉丸子、感謝Let's Write分享常用功能、Simon分享入門基礎、購物網站開發、台大課程(可惜沒開了)、OXXO也有教學耶!!!

MongoDB：感謝肯恩分享雲端的mongodb、AndyLinee從入門到精通。

googleSheet：技術-後台類-nodejs 相見恨晚，google sheet 當成小型資料庫、
超強推薦，感謝WFU分享利用 Google 試算表當小型資料庫 (4)使用 SQL 語法讓搜尋功能更強大、

JSON：感謝阿瀚分享。

終於找到有人用json當資料庫(浩瀚星空)的文了，感謝shesee分享、尤川豪分享@@

完成】跟著書做~Vue.js、HTML5、CSS3、JavaScript、jQuery、RWD網頁設計（第八版）

 裡面有介紹VUE，下面是操作的問題。

跟著ithome鐵人做~30天手把手的vue.js教學!系列

 這邊是跟著做，紀錄遇到問題然後寫下來。感謝windate3411大大。

跟著書做~~重新認識vue.js，008天絕對看不完的Vue.js3指南

 感謝老師分享前四章的內容，後面五六兩章還是要看書才有。

跟著書做~~Vue.js 2 前端漸進式建構框架

 之前有測試Vue，結果都是顯示{{message}}，原因是Vue的CDN。感謝Kuro Hsu的重新認識Vue.js。
Vue2：https://cdn.jsdelivr.net/npm/vue/dist/vue.js
Vue3：https://unpkg.com/vue@next
但跟原廠的有些不一樣。
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

1. data裡面只能放一個變數??? message or numbers