HiSKIO For Business

單元 1 - CompositionAPI 超入門

單元 2 -Vue3 整合第三方套件Swiper.js

單元 1 -課程範例下載

單元 2 -開發編輯器 VScode

單元 3 -VScode 套件安裝

單元 1 - let 與 const - 1

單元 2 - let 與 const - 2

單元 3 - 變數解構

單元 4 - 箭頭函式運算式 - 1

單元 5 - Function Default

單元 6 - 字串模板

單元 7 - ES Module

單元 1 - setup() 函数

單元 2 - ref

單元 3 - reactive

單元 4 - 選擇 ref ? 還是 reactive ?

單元 5 - 資料雙向綁定

單元 6 - v-on:Event 事件綁定

單元 7 - readonly - 1

單元 8 - readonly - 2

單元 9 - v-for 列表渲染

單元 10 - key的重要性

單元 11 - v-if 與 v-show

單元 12 - v-bind:attribute 屬性綁定

單元 13 - class 狀態切換

單元 14 - computed - 1

單元 15 - computed - 2

單元 16 - computed - 3

單元 17 - 資料篩選 Data Filter

單元 18 - 資料監控 watch - 1

單元 19 - 資料監控 watch - 2

單元 20 - 再度探討 ref 跟 reactive

單元 21 - 深度資料監控

單元 22 - watchEffect

單元 23 - Lifecycle Hooks 生命週期

單元 24 - 非同步處理 Axios - 1 ( GET API )

單元 25 - 非同步處理 Axios - 2 ( 取得時間點 )

單元 26 - 非同步處理 Axios - 3 ( 渲染資料 )

單元 27 - 非同步處理 Axios - 4 ( 邏輯處理 )

單元 28 - 非同步處理 Axios - 5 ( loading )

單元 29 - 拼圖遊戲製作 - 1

單元 30 - 拼圖遊戲製作 - 2

單元 31 - 拼圖遊戲製作 - 3

單元 32 - 注入 HTML

單元 33 - 事件修飾符EventModifiers

單元 1 - FormBindings

單元 2 - Checkbox

單元 3 - 下拉選單 - 1

單元 4 - 下拉選單 - 2

單元 5 - registered會員註冊 - 1

單元 6 - registered會員註冊 - 2

單元 7 - v-model Modifiers修飾符

單元 1 - Nodejs環境建置 - 1

單元 2 - Nodejs環境建置 - 2

單元 3 - Nodejs環境建置 - 3

單元 4 - Vue-cli 安裝

單元 5 - 建構一個新的Vue專案

單元 6 - Vue-cli專案結構解析

單元 7 - NPM Script

單元 1 - Components - 組件基本介紹

單元 2 - Components - 組件起手式

單元 3 - 拆分組件 - 1 (新增引入組件)

單元 4 - 拆分組件 - 2 (CSS路徑調整)

單元 5 - 拆分組件 - 3 (使用SCSS與RWD)

單元 6 - 拆分組件 - 4 (功能撰寫)

單元 7 - 拆分組件 - 5 (scoped)

單元 8 - 拆分組件 - 6 (注入全域樣式)

單元 9 - 組件資料傳遞Props - 1

單元 10 - 組件資料傳遞Props - 2

單元 11 - 組件資料傳遞Props - 3

單元 12 - 組件資料傳遞Props - 4

單元 13 - 組件資料傳遞Props - 5

單元 14 - 資料傳遞實戰 - 1

單元 15 - 資料傳遞實戰 - 2

單元 16 - context & emit

單元 17 - emits 的使用

單元 18 - emit 案例實作 - 1

單元 19 - emit 案例實作 - 2

單元 20 - transition 動畫過渡組件 - 1

單元 21 - transition 動畫過渡組件 - 2

單元 22 - transition 動畫過渡組件 - 3

單元 23 - $event 事件回傳

單元 24 - Template Refs

單元 25 - Directive 自定義 Vue Template Script - 1

單元 26 - Directive 自定義 Vue Template Script - 2

單元 27 - Directive 自定義 Vue Template Script -

單元 28 - Slot 插槽

單元 1 - 什麼是SPA ?

單元 2 - Vue-Router起手式 - 1 ( 設定 )

單元 3 - Vue-Router起手式 - 2 ( router-view使用 )

單元 4 - Vue-Router起手式 - 3 ( router-link使用 )

單元 5 - Vue-Router起手式 - 4 ( dynamic imports )

單元 6 - dynamic imports 注意事項

單元 7 - Different History modes

單元 8 - Router 例外處理

單元 9 - 動態網址案例實作 - 1 ( 範例解析 )

單元 10 - 動態網址案例實作 - 2 ( 拉取列表資料 )

單元 11 - 動態網址案例實作 - 3 ( 動態router設定 )

單元 12 - 動態網址案例實作 - 4 ( Route參數 )

單元 13 - 動態網址案例實作 - 5 ( 資料處理 )

單元 14 - 動態網址案例實作 - 6 ( API錯誤處理 )

單元 15 - 動態網址案例實作 - 7 ( Router 手動頁面切換 )

單元 16 - 動態網址案例實作 - 8 ( 清除計時器 )

單元 17 - 動態網址案例實作 - 9 ( router-link選取 )

單元 18 - 動態網址案例實作 - 10 ( 開啟新分頁 )

單元 19 - 文件的重要性

單元 20 - 嵌套網址 - Nested Routes

單元 1 - 什麼是 Vuex？

單元 2 - Vuex的前置作業

單元 3 - State 與 Getters

單元 4 - Actions 與 Mutations

單元 5 - 關於Vuex不好的開發習慣

單元 6 - Vuex結構拆分

單元 7 - Vuex Modules

單元 1 - Vuex與API整合 - 1

單元 2 - Vuex與API整合 - 2

單元 3 - Vuex與API整合 - 3

單元 4 - Vuex與API整合 - 4

單元 5 - Vuex與API整合 - 5

單元 6 - Vuex與API整合 - 6

單元 7 - Vuex與API整合 - 7

單元 8 - axios 攔截 API

單元 1 - 共用邏輯的封裝 - 1

單元 2 - toRefs 使用

單元 3 - 共用邏輯的封裝 - 2

單元 4 - 共用邏輯的封裝 - 3

單元 1 - Script Setup - 1

單元 2 - Script Setup - 2

單元 3 - Style CSS variable injection

單元 4 - 課堂總結