Vue3 網頁設計前端主流，從商業角度看情境與特色

商業角度看 Vue3

本篇文章不是從工程師角度撰寫，不談 Vue3 的歷史起源或技術用法，而是從商業角度寫 Vue3 的特色，講述 Vue3 特色可以發揮在哪些應用情境。

即時運算特色與情境

Vue3 讓大家最有感的特色莫過於即時運算，可以進一步分為整頁即時運算與局部即時運算。

• 整頁即時運算
  

  所謂即時運算，意為輸入資料後馬上顯示結果，不需要再點擊按鈕送出至後台運算後再回傳結果。例如您如果要計算 1+1=2，傳統方式是輸入 1+1 後點擊計算按鈕，畫面轉轉轉表示系統正在運算，算完之後跳動頁面看到 1+1=2，而 Vue3 可以輸入完 1+1 馬上出現 1+1=2，完全不用點擊按鈕。

  即時運算非常適用於系統工具類的情境，像是內部人事系統等，需要管理大量資料或講求使用體驗。

• 局部即時運算
  

  相較於整頁即時運算，局部即時運算意為整個頁面內只有某部分使用 Vue3 即時運算，其他仍維持傳統寫法。電商購物車較常出現這樣的方式，只有購物車表單即時運算數量與金額。

輕量化結構

Vue 是以 JavaScript 為基礎的漸進式框架（這邊不展開說明漸進式框架），即時運算這件事，JavaScript 也可以做得到，只不過兩者相比，Vue 顯得更容易、結構更乾淨，且容易與其他程式語言互相搭配。輕量化也會讓程式執行速度略勝一籌。

不利於SEO

當然有優點也會有缺點，Vue 輕量化結構會將原本一卡車程式碼濃縮，有點像是 And I just want to stay with you in this moment forever 濃縮成 And - moment，系統看得懂但是人看不懂，內容大部分文字都收起來，意味關鍵字都不見，所以不利於 SEO。

這就是為什麼上述即時運算特色會說適合系統工具類，因為內部使用不需要SEO，而電商購物車只有局部 Vue，不至於影響太多。

結尾

Vue3 成為當今前端框架主流並非浪得虛名，優缺點明顯、愛恨分明，一些知名大品牌也會使用 Vue3 做為開發工具，如小米、GitLab、Adobe，我們最近也使用 Vue3 替科技廠建立內部專案系統、軟體功能入口。