我長期以來一直是 Vue 的忠實粉絲。我記得當我第一次開始使用它時,它的簡單性就像一股新鮮空氣,特別是與我一直在努力解決的 React 專案相比。 Vue 2 感覺它有一個明確的理念:平易近人、簡單明了,讓開發人員專注於應用程序,而不是框架本身。
但最近,我在 Vue 3 上花了更多時間,說實話?我有點困惑。我開始看到一些非常熟悉的模式,但我感覺不太熟悉。就像我開始看到 Vue 3...慢慢演變成類似 React 的東西。
現在,我並不是想要抨擊 Vue 3。它有很多很棒的功能,而且組合 API 也很強大。但我無法擺脫這種感覺,我們正在失去一些最初使 Vue 如此獨特的核心原則。
「Vue Way」:我們所愛的
讓我們面對現實吧。 Vue(尤其是 Vue 2)的一大吸引力在於它的易用性。您擁有簡單明了的選項 API。使用模板是一種樂趣;簡單直覺。您可以快速啟動 Vue 應用程序,而無需費力地進行複雜的配置。生態系統感覺易於管理;你有一個可靠的路由器(vue-router)和一個狀態管理模式(vuex),就是這樣!使用 Vue 可以非常有效率。
這是 Vue 2 組件的一個簡單範例:
<template> <div> <p>{{ message }}</p> <button @click="reverseMessage">Reverse</button> </div> </template> <script> export default { data() { return { message: "Hello Vue 2!", }; }, methods: { reverseMessage() { this.message = this.message.split("").reverse().join(""); }, }, }; </script>
簡單。直接的。易於理解。 這是 Vue 的承諾。
轉變:當事情開始感覺…不同時
但是隨著 Vue 3 的出現,事情開始改變。 Composition API 的引進雖然功能強大,但帶來了完全不同的思考模型。感覺……抽象。突然之間,簡單的任務現在需要更多的程式碼。您可以在這兩個 API 中執行相同的操作,但在某些情況下,複雜性感覺沒有必要。
這是 Vue 3 中相同元件的範例,使用 Composition API:
<template> <div> <p>{{ message }}</p> <button @click="reverseMessage">Reverse</button> </div> </template> <script setup> import { ref } from 'vue'; const message = ref("Hello Vue 3!") function reverseMessage() { message.value = message.value.split("").reverse().join(""); } </script>
它的作用是一樣的,但是...不覺得需要更多工作嗎?看看即使是一個簡單的訊息變數現在也需要一個引用並且需要一個值來存取其內容!對於以前簡單的事情來說,這有點太多了。
而且這不只是組合 API。狀態管理空間也變得更加複雜。我們現在有了 Pinia,這很棒,但現在我們要做出另一個選擇。它開始感覺像是「類似反應」的複雜性,沒有單一的做事方式,開發人員必須在編碼之前做出許多決定。
我也開始看到一些 Vue 3 項目,感覺它們已經完全脫離了深淵,對於可能只需要基礎知識的項目來說,具有複雜的設置和抽象層。這就像 React 方式,您將看到一個由 10 個庫完成的 hello world。
不斷發展的生態系與選擇
我不禁注意到 Vue 生態系的成長。新的工具和庫似乎不斷湧現,這既令人興奮又令人不知所措。
這讓我想起了我們許多 React 開發者都有的一種感覺:「選項癱瘓」。我開始透過 Vue 3 感受到這一點:
我該使用 Pinia 還是 Vuex?
我應該使用哪一組測試實用程式?
我應該從頭開始建立所有內容還是採用大型元件庫?
這是我搬到 Vue 後認為自己留下的東西......
我瘋了嗎?
我知道,我知道。也許我只是錯過了一些東西。也許這些改變都是 Vue 成長和適應所必需的。也許這只是我和我的喜好。
但我無法擺脫這種感覺,即 Vue 的核心吸引力——它的簡單、它的清晰、它的「正常工作」本質——正在被一點點侵蝕。我擔心我們正在緩慢但堅定地建立一個看起來和感覺都更像 React 的 Vue 生態系統。我們開始感覺到我們正在失去 Vue 的獨特身份。
那麼,你覺得怎麼樣?我是一個人嗎?您看到同樣的趨勢嗎?我很想聽聽你的觀點。也許我只是需要有人來說服我,我錯了,也許我們都有同樣的感覺。
留言區一起討論吧!
以上是Vue low 變成 React? (老實說我很困惑。)的詳細內容。更多資訊請關注PHP中文網其他相關文章!