鐵人檔案
去年底剛踏入程式世界，順利從行銷轉職前端，框架一直是想認真深入的課題，雖然斷斷續續學了一點，但都沒有持續，學學忘忘....
所以希望透過這次的鐵人賽挑戰自己30天接觸vue，一個月內學會框架!!!
和兩個朋友組了團，這更激勵了自己要去完成這項挑戰，期待30天後我們的成長。
這章節是延伸v-if和v-show管理元件，如何用更簡便的方式做tab頁籤。 v-bind:is 做一個tab按鈕切會下面顯示的內容，直覺的方式是直接用v-if...
元件的概念大概有了部分的了解，同一個元件可以重複利用，但這句話好像有個問題，不同頁面使用相同架構的元件內容肯定需要做替換，這時候就是slot要出場啦! 元件編譯...
漸變transition 這邊就像寫css一樣，只是要漸變的東西包在transition裡面，並到css下樣式。 進場 v-enter-from v-ent...
他是Vue.js官方提供的開發工具，可以快速的建置架構，常用於製作單頁應用(SPA)網站。 安裝 安裝Node.js(官網https://nodejs.org...
SFC是什麼 Single-file components單一元件檔是一個集合HTML、JavaScript 及 CSS的檔案，用.vue檔案作為一個元件。 從...
package.json專案與套件相依設定檔 在開啟專案時我們使用的npm run serve指令就是在package.json中被定義的，打開package....
什麼是路由? 瀏覽器透過不同的網址，向後端的網頁伺服器發送請求 (Request)，而伺服器接收到瀏覽器的請求後， 回應對應的內容給瀏覽器來渲染，這樣的機制我...
昨天有提到的路由今天要來做拆解，做更深入的了解。昨天提到的router/index.js設定也可以寫成像書中的方式，裡面有兩個今天要研究的重點history和r...
巢狀路由 在原先的router-view中再放一個router-view。 接續前一個案例，User.vue中放一個router-view給等一下要新增的Pos...
前幾天使用的router-link功能主要是產生超連結最基礎的方式，但其實他有很多變化方式。 to屬性 to的屬性其實是在Vue router中執行了route...
