目前顯示的是有「vue」標籤的文章顯示全部
[day24][前端][實作] 用webpack自架Vue3環境（下）－Vue3（composition）
invue

[day24][前端][實作] 用webpack自架Vue3環境（下）－Vue3（composition）

驢子 11月 18, 2020

前情題要 在前兩篇中，已經能夠使用Vue3的幾乎所有功能了，這邊要開始實際運用啦！ 在Vue3中重大的革新就是使用了"composition"去管理狀態，所以這邊就要試作hello composition的小功能拉！composition個人目前也還正在學習，真的還是不太懂。有興趣的可以看看這個網站 重新認識 Vue.js | Kuro Hsu ，有介紹Vue3的部分功能 首先建立資料夾"composition"然後建立一個"addNumber.js"的檔案 src\client\composition\addNumber.js import { computed, ref, reactive } from 'vue' ; exp…

閱讀完整內容
[day23][前端][實作] 用webpack自架Vue3環境（中）－vuex，router
invue

[day23][前端][實作] 用webpack自架Vue3環境（中）－vuex，router

驢子 11月 18, 2020

前情題要 上一篇在加入許多套件模組，許多的設定檔後已經讓你的webpack可以轉譯Vue相關的程式了，這篇就開始引入"Vuex"和"vue-router"吧 首先安裝兩個模組吧 npm i vue-router@next --save npm i vuex@next --save 在Vue的進入點建立Vue實體的時候追加引入兩個模組 src\client\main.js import { createApp } from 'vue' ; import App from './app.vue' ; import router from './router' ; import store from …

閱讀完整內容
[day22][前端][實作] 用webpack自架Vue3環境（上）
inwebpack

[day22][前端][實作] 用webpack自架Vue3環境（上）

驢子 11月 18, 2020

引入Vue3 前端框架檔案的引入，這邊會分成三篇講解。上篇是Vue3的引入，中篇是routes和Vuex的引入，下篇則是Vue3的運用。 自架webpack編譯Vue3 Vue3已經正式發布了。大部分的情況下也不需要自架webpack來編譯Vue的檔案，畢竟Vue Cli不香嗎？但是想到想想Vue他可能包了很多不知道的套件，而且自己架比較好玩不是嗎=w= 從安裝對應套件開始吧～！這邊為了避免版本錯誤請將直接複製以下"package.json"後使用，當然你也可以一個一個安裝！所以也可以一個一個安裝，但請理解因為他正在轉型所以安裝的指令和出來的版本可能會有各式各樣的不相容（但解這個的過程可以讓你更好的理解webpack設定對於版本相容有多麻煩，和package.json對一個專案為什麼那麼重…

閱讀完整內容