DAY 12 - 拆 ! 拆 ! 拆 !，將 Vue 元件化 ( Component ) 元件的概念 什麼是元件( Component ) ? 我們在開發上會將每個區塊進行拆分，讓他每個區塊獨立...
在介紹完專案目錄的架構之後，我們現在開始正式進入'寫程式'這件事。首先在昨天我們已經有看過這張圖了：這時候我們就進入到了用Vue-Router來進入路由的循環了，基本上就沒有main.js和App.v...
最後一個單元要來介紹如何匯出專案，也就是產生出可以部署在網站上的檔案。首先回到 package.json，有一個指令是 build： "scripts": { "se...
這個單元接續上一個單元介紹的 Route 的功能，在 Route 之中，也會希望可以將變數的內容傳到下一頁，例如想要跳轉到 AboutView.vue 時，也傳送資料過去。 修改 App.vue： &...
網頁最重要的就是換頁，俗稱路由，在 Vue3 要完成路由功能，必須要使用 route 。由於專案是使用 CLI 工具所產生的，所以這邊也必須要使用 CLI 工具來產生 route 的功能。 開啟終端機...
這個單元繼續討論 Composition API，在模組的使用與 Option API 有什麼不同？這裡可以跟之前 Day20 - 模組共用 來做一個比對。 首先，新增一個 Counter.js 檔案...
這個單元繼續討論 Composition API，在元件的使用與 Option API 有什麼不同？ 首先，先宣告一個元件檔案 Component.vue，檔案放在 /components/Compo...
這個單元繼續討論 Composition API，那麼在生命週期上與 Option API 的寫法上有什麼不同？ 與之前 Day19 介紹的 Option API 有所不同，只剩下 onBeforeM...
這個單元繼續討論 Composition API，在變數的監聽上與 Option API 有什麼不一樣？ 宣告 ref 變數： <template> <input type=&q...
這個單元要來繼續探討 Composition ，而在 Composition API 使用表單的 input 又有哪邊不一樣？ 宣告 ref 變數與 input： <template>...