Vuejs
含有「Vuejs」共 8 篇內容
全部內容
發佈日期由新至舊
SCSS與SASS都是CSS預處理器，可以幫助開發者更方便管理CSS程式碼，而SASS寫法上不須加上「{} ;」，而是用縮排來簡化，SCSS寫法上則類似CSS，可以兼容CSS語法，SASS則無法兼容CSS語法，以下將以SCSS為主來說明。
CSS/SCSS/SASS寫法差別
安裝scss編譯器
續上篇，那是Vue 2 Options API的舊寫法，這邊改成用Vue 3 Composition API的寫法:
Vue2:
Vue3 setup() / ref / reactive
Composition API可以直接在setup()裡面定義data跟method，簡潔許多。
props
data() method
續上篇，這邊修改一下HomeView.vue的code。
Before:
After:
在頁面最下方顯示 name: Vic，data method直接回傳name變數，在<template>中可以直接用{{ name }}將變數顯示出來。
結果如下:
v-model
Vue CLI與React的create-react-app是類似的工具，目的都是為了讓開發者快速建置環境，節省複雜的安裝相關環境的時間，簡單的一個建立專案指令與設定，即建立一個內建了Hot-Reload, webpack, ESLint等功能的專案。
安裝Vue CLI:
選擇檢查程式碼的時機
從去年7月開始上六角的直播課，最終的心願當然是轉職為前端工程師，Vue直播班的最終作業是實作出電商網站，但沒有提供樣板，所以每個人做出來的作品都會是獨一無二的。
Vue+Docker打包
文科生頓時頭腦當機@@
才剛弄懂OSMOSIS流動性挖礦而已😭
