Vue是一個現代的前端框架，可以幫助任何人建立一個網站或web應用程式。它的重量輕，靈活，易於入門。但它也是一個完整、豐富的框架，可以滿足最先進的web應用程式生成器的需求。

讓我們看看虛擬使用者.js你需要知道什麼才能開始使用它。

瞭解vue

Vue是目前可用於JavaScript的最通用的框架。對於程式設計師和非程式設計師來說，它也是最容易理解的。

Vue對於剛接觸網站開發的人來說很容易學習。幾乎所有使用過HTML的人都遇到了困難，他們想做HTML做不到的事情。

例如，如果您想新增一個開關，將網站主題從淺色模式更改為深色模式，該怎麼辦？在漢堡按鈕後面加一個簡單的選單怎麼樣？這時您可能需要學習一些Javascript。

這些任務在JavaScript中非常容易完成。您可以將一段JavaScript新增到一個指令碼標記中，就可以完成所有的設定。這就是使用vanilla JavaScript**文字的方式：

JavaScript引用頁面元素的方式可能會讓初學者感到困惑。新增帶有Vue的JavaScript和新增香草JavaScript一樣簡單。但是，使用Vue，您可以獲得更多功能和對現代JavaScript技術的訪問。這是如何使用Vue**文字的：

{{ message }}

讓我們仔細分析一下這些例子。在JavaScript中，程式碼必須查詢元素，選擇元素的一個方面，然後對其進行更改。在Vue中，我們告訴HTML在哪裡需要變數文字。然後我們建立了一個JavaScript物件，將其分配給元素，並設定變數text。

這個簡單的例子說明了一個重要的點。最好保持程式碼與HTML的解耦。在Vue示例中，Vue不會直接操作HTML。它只管理自己的業務。它在不新增程式碼的情況下，還提供了HTML更多的功能。

vue是否是一個框架？

如果您熟悉其他框架，您可能會意識到他們通常需要您使用他們的技術從頭開始構建應用程式。這通常包括從命令列建立應用程式和啟動伺服器。但是在上一個例子中，我們將Vue新增到一個靜態網站中，沒有那麼複雜。

不過，Vue是一個框架。在介紹頁面上，它說：“與其他單片框架不同，Vue從一開始就被設計成可逐步採用的。”這意味著你可以在你的應用程式中儘可能少地或儘可能多地使用Vue的功能。

您可以使用Vue來管理影象幻燈片，也可以構建一個包含所有提示的完整單頁應用程式。這包括測試、路由、狀態管理、安全等等。

vue是為誰設計的？

由於其強大的功能和多功能性，Vue吸引了廣泛的觀眾。

vue是針對html/css/js純粹主義者的

JavaScript是一個瞬息萬變的生態系統，有大量的使用者流失。你可以專注於一系列工具，並在兩年後看到它們變得過時。JavaScript本身也增加了網站的複雜性。安裝一個框架和一大堆搖擺不定的節點包只會讓事情變得更糟。

因為這個原因，有些人更喜歡堅持基本原則。HTML工作得很好，CSS有它的怪癖，JavaScript有點時髦。但他們都堅如磐石！它們繼續變化和進化，但緩慢而穩定。許多框架最終新增的更改會破壞程式碼。

但是，有一些指令碼，比如jQuery和handlebar，可以讓您作為前端程式設計師的生活變得更輕鬆。jQuery一開始很棒，但當代碼庫變得太複雜時，它就會變成義大利麵條。車把也不錯，但並沒有做太多，使JS本身更容易使用。

Vue可以替換這兩種工具並解決它們的問題。而且它這樣做，而不完全接管你的網站。它引入了現代JavaScript實踐，而不需要現代JavaScript的困擾。

vue用於快速原型

Vue是一個輕量級框架，具有更重的框架的功能。如果您有前端web開發的經驗，您可以在幾天內學習Vue。如果你沒有，你可以從你需要的開始。

使用框架的一個主要原因是它們提供的工具使開發更快更容易。例如，漸進式web應用程式依賴於程式化導航、自定義佈局和動態變化的結構。前端框架使這一挑戰變得微不足道。Vue也不例外。

多虧了現代的框架，您現在可以完成過去需要幾個月才能完成的專案。而且，由於Vue是如此輕量級和易於使用，您可以在數小時或數天內完成原型。

vue是用於web應用程式開發的

開發人員已經開始期待現代前端框架帶來某些好處。HTML的字串替換、基於元件的體系結構和工具都是很好的例子。Vue擁有所有這些好處，以及上面框架部分提到的好處。

vue是用於本機移動應用程式開發的

Web應用程式開發人員通常希望將其產品作為移動應用程式提供。傳統上，他們是透過**額外的開發人員來為iOS和Android構建的。然後他們就得想辦法協調三個平臺。但今天，還有其他選擇。

一種選擇是使用NativeScript構建移動應用程式，開發者可以使用相同的JavaScript程式碼為Android和iOS構建應用程式。Nativescript開發人員甚至可以將他們的web程式碼移植到移動裝置上，而不必**新的開發人員。它對Vue有很大的支援。

vue與其他框架相比如何？

根據2019年的stateofjs調查，Vue、Angular和React是三個最流行的框架。以下是一些需要考慮的問題：

三大框架

• Angle是第一個大牌前端web框架。它由谷歌出版，自2010年開始就一直在。它透過指令和三向資料繫結將世界引入動態HTML，使程式碼在頁面上神奇地更新而不需要重新整理。
• React是Facebook於2013年首次釋出的，是Angle的更為平易近人的替代方案。React最為著名的是使用JSX和元件。
• Vue於2014年由谷歌前僱員EvanYou釋出。Vue沒有介紹太開創性的東西。但它確實引入了一種更好、更清潔的工作方式。

三大優勢

• Angular是一個企業級的框架。它是最長的，由谷歌建立和維護。
• 根據2019年的JavaScript現狀，React是三大框架中被廣泛採用的。它被稱為易於操作和靈活。
• Vue在主觀上是最容易學習和實現的框架。而且它保持簡單，因為它是沒有犧牲一個豐富而強大的功能集。

對三巨頭的批評

稜角分明的

眾所周知，過去很難學。版本1（AngularJS）在文件中使用了大量大學級別的計算機科學術語。版本2（角度）簡化和簡化了很多。

• 當谷歌釋出Angle時，它將更高級別的概念保留在AngularJS中。但公司改變了很多細節，以至於許多開發商仍然覺得很困惑。
• Angle早期有很多的攪動，幾乎每個版本都會發生程式碼中斷的變化。現在Angle更好了，但對於一些開發人員來說，它仍然非常正式、僵硬，而且很難學習。

反應

React最好但最具挑戰性的方面之一是JSX。它將HTML、CSS和JS壓縮為一種語言。這使得開發人員的工作更簡單，但設計師的工作更難。

• JSX還使使用現有庫變得更加困難。此外，將設計、佈局和程式碼放在同一位置被認為是一種反模式。這樣做會產生混亂、不可讀的程式碼。
• React透過使用元件分離程式碼來優雅地處理這個問題。但如何正確地使用元件取決於各個開發人員。
• React在技術上是一個框架。但它缺少一些重要功能，如導航和應用程式範圍的狀態管理。

vue公司

Vue解決了其他兩個大公司提到的所有問題。與稜角不同，它很容易學習。與JSX不同，Vue元件將HTML、CSS和JS分開。

• 對於設計師來說，在Vue元件中工作要容易得多。保持一切都乾淨並不是完全由開發人員來決定的。
• Vue面臨的最大挑戰是採用率相對較低，缺乏“**級應用程式”。相當多的公司使用Vue，但可以說，他們中沒有一家擁有品牌識別。

vue是另一種時尚嗎？

儘管Vue已經存在了好幾年，但它仍然是這個街區的新成員。它也沒有其他兩個公司的支援。如前所述，目前還沒有展示其功能的**級應用程式。

Vue在企業層面缺乏支援，用**和基層支援彌補。埃文你經營一個帕特倫的運動來支援自己和其他開發人員。從某種意義上說，Vue是民主執行的。只要Vue有足夠的興趣，公司願意支援Vue，Vue就會留在身邊。

vue最好的部分

Vue提供了其他前端框架中最好的部分，以及許多Vue獨有的特性。這裡只是一個部分列表：

• Vue使用基於元件的體系結構來實現結構和可重用性。
• 它使HTML、CSS和JS在其元件中保持分離。
• 對於開發者和設計者來說，Vue看起來和感覺都很熟悉。
• 它提供了一個完整的GUI來服務、構建和建立專案。
• Vue作為應用程式執行時使用熱重新載入。熱重新載入只更新頁面上已更改的內容而不重新整理。

Vue是一個私人擁有的專案，沒有企業開銷和政治。這可能會降低企業風險投資的吸引力。但它很容易學習，玩起來也很有趣，這對於前衛的初創公司來說是一個很好的選擇。

也許最好的特性是它是由實用主義設計的，而不是由委員會設計的，這正是開源軟體的意義所在。