[Java Script]Vue.js
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。
架設環境
安裝Visual Studio Code(https://code.visualstudio.com/)
安裝Node.js(https://nodejs.org/en/download/package-manager)
因為Vue.js的開發者在開發專案時，通常會依賴一些外掛工具套件，所以一般會用Node.js的NPM來實現Vue.js外掛套件的管理。
安裝Vue CLI
npm install -g @vue/cli
建立Vue專案
vue init webpack your_project_name目錄結構
build：要發佈的專案存放位置。
config：設定路徑、通訊埠等資訊。
node_modules：存放用npm安裝後的套件。
src：項目資料夾
assets：圖檔資料夾。
main.js：專案的核心檔案。
components：自訂義組件放置資料夾。
router：存取路徑與components的路由對應關係。
App.vue：專案入口檔案。
static：靜態資源目錄。
test：初始測試目錄。
index.html：首頁入口。
package.json：專案設定檔。
dist：打包後前端資源的輸出目錄。
進入專案根目錄編譯、執行
cnpm install執行Vue.js
npm run dev安裝ElementUI
cnpm i element-ui -s
引用ElementUI
在main.js加入底下代碼：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
使用ElementUI
Vue.use(ElementUI)
安裝Axios
cnpm install axios -save
Vue.js不支援ajax，因此要借助axios來完成。
引用Axios
import axios from 'axios'
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
前言：
雖然前面有些定義還沒有完整的解釋，但還是後面再說吧，
誰想一直看理論啊（摔本子）
前言：
前一篇講了 JS 的定義，這裡來談談能用它來做什麼，
希望能限制在 500 字以內（這是我看文章的極限，超過字數就會開始分心（?））
前言：
一直想要把自己的學習筆記整理整理，至少在寫下筆記的時候，也能釐清觀念。
結果拖延到現在，終於要提筆了，不知道能堅持多久(???)。
JS 資料型別分為兩大類，原始型別 (Primitive values) 和物件型別 (Objects)。
類別 (class) 是在 ES6 中引入，用來作為建立新物件的模板。它可以將程式碼封裝起來。
在網頁開發中，時間與日期的處理是重要且基礎的部分，本文將介紹 JavaScript 中的日期的處理方法，並提供範例程式來協助你理解。
專案產生大量又瑣碎的作業做處理，眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來，提供給別人做Excel公式的資料表進行作業。
來到學期2-3的階段，第一個作業就是打造餐廳清單。原本認為經過電影清單的學習經歷之後，對於打造餐廳清單應該也不會太過困難；沒想到我花了2個月的時間才把作業完整交出去。
在寫餐廳清單的初期，第一個碰到的問題就是首頁無法秀出餐廳評分這個選項。我試著參考其他同學的作品也改了版面的設計，卻始終無法出現餐廳評
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
前言：
雖然前面有些定義還沒有完整的解釋，但還是後面再說吧，
誰想一直看理論啊（摔本子）
前言：
前一篇講了 JS 的定義，這裡來談談能用它來做什麼，
希望能限制在 500 字以內（這是我看文章的極限，超過字數就會開始分心（?））
前言：
一直想要把自己的學習筆記整理整理，至少在寫下筆記的時候，也能釐清觀念。
結果拖延到現在，終於要提筆了，不知道能堅持多久(???)。
JS 資料型別分為兩大類，原始型別 (Primitive values) 和物件型別 (Objects)。
類別 (class) 是在 ES6 中引入，用來作為建立新物件的模板。它可以將程式碼封裝起來。
在網頁開發中，時間與日期的處理是重要且基礎的部分，本文將介紹 JavaScript 中的日期的處理方法，並提供範例程式來協助你理解。
專案產生大量又瑣碎的作業做處理，眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來，提供給別人做Excel公式的資料表進行作業。
來到學期2-3的階段，第一個作業就是打造餐廳清單。原本認為經過電影清單的學習經歷之後，對於打造餐廳清單應該也不會太過困難；沒想到我花了2個月的時間才把作業完整交出去。
在寫餐廳清單的初期，第一個碰到的問題就是首頁無法秀出餐廳評分這個選項。我試著參考其他同學的作品也改了版面的設計，卻始終無法出現餐廳評