我長期以來一直是 Vue 的忠實(shí)粉絲。我記得當(dāng)我第一次開始使用它時(shí)，它的簡單性就像一股新鮮空氣，特別是與我一直在努力解決的 React 專案相比。 Vue 2 感覺它有一個(gè)明確的理念：平易近人、簡單明了，讓開發(fā)人員專注於應(yīng)用程序，而不是框架本身。

但最近，我在 Vue 3 上花了更多時(shí)間，說實(shí)話？我有點(diǎn)困惑。我開始看到一些非常熟悉的模式，但我感覺不太熟悉。就像我開始看到 Vue 3...慢慢演變成類似 React 的東西。

現(xiàn)在，我並不是想要抨擊 Vue 3。它有很多很棒的功能，而且組合 API 也很強(qiáng)大。但我無法擺脫這種感覺，我們正在失去一些最初使 Vue 如此獨(dú)特的核心原則。

「Vue Way」：我們所愛的

讓我們面對現(xiàn)實(shí)吧。 Vue（尤其是 Vue 2）的一大吸引力在於它的易用性。您擁有簡單明了的選項(xiàng) API。使用模板是一種樂趣；簡單直覺。您可以快速啟動 Vue 應(yīng)用程序，而無需費(fèi)力地進(jìn)行複雜的配置。生態(tài)系統(tǒng)感覺易於管理；你有一個(gè)可靠的路由器（vue-router）和一個(gè)狀態(tài)管理模式（vuex），就是這樣！使用 Vue 可以非常有效率。

這是 Vue 2 組件的一個(gè)簡單範(fàn)例：

<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 的承諾。

轉(zhuǎn)變：當(dāng)事情開始感覺…不同時(shí)

但是隨著 Vue 3 的出現(xiàn)，事情開始改變。 Composition API 的引進(jìn)雖然功能強(qiáng)大，但帶來了完全不同的思考模型。感覺……抽象。突然之間，簡單的任務(wù)現(xiàn)在需要更多的程式碼。您可以在這兩個(gè) API 中執(zhí)行相同的操作，但在某些情況下，複雜性感覺沒有必要。

這是 Vue 3 中相同元件的範(fàn)例，使用 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>

它的作用是一樣的，但是...不覺得需要更多工作嗎？看看即使是一個(gè)簡單的訊息變數(shù)現(xiàn)在也需要一個(gè)引用並且需要一個(gè)值來存取其內(nèi)容！對於以前簡單的事情來說，這有點(diǎn)太多了。

而且這不只是組合 API。狀態(tài)管理空間也變得更加複雜。我們現(xiàn)在有了 Pinia，這很棒，但現(xiàn)在我們要做出另一個(gè)選擇。它開始感覺像是「類似反應(yīng)」的複雜性，沒有單一的做事方式，開發(fā)人員必須在編碼之前做出許多決定。

我也開始看到一些 Vue 3 項(xiàng)目，感覺它們已經(jīng)完全脫離了深淵，對於可能只需要基礎(chǔ)知識的項(xiàng)目來說，具有複雜的設(shè)置和抽象層。這就像 React 方式，您將看到一個(gè)由 10 個(gè)庫完成的 hello world。

不斷發(fā)展的生態(tài)系與選擇

我不禁注意到 Vue 生態(tài)系的成長。新的工具和庫似乎不斷湧現(xiàn)，這既令人興奮又令人不知所措。

這讓我想起了我們許多 React 開發(fā)者都有的一種感覺：「選項(xiàng)癱瘓」。我開始透過 Vue 3 感受到這一點(diǎn)：

• 我該使用 Pinia 還是 Vuex？

• 我應(yīng)該使用哪一組測試實(shí)用程式？

• 我應(yīng)該從頭開始建立所有內(nèi)容還是採用大型元件庫？

這是我搬到 Vue 後認(rèn)為自己留下的東西......

我瘋了嗎？

我知道，我知道。也許我只是錯(cuò)過了一些東西。也許這些改變都是 Vue 成長和適應(yīng)所必需的。也許這只是我和我的喜好。

但我無法擺脫這種感覺，即 Vue 的核心吸引力——它的簡單、它的清晰、它的「正常工作」本質(zhì)——正在被一點(diǎn)點(diǎn)侵蝕。我擔(dān)心我們正在緩慢但堅(jiān)定地建立一個(gè)看起來和感覺都更像 React 的 Vue 生態(tài)系統(tǒng)。我們開始感覺到我們正在失去 Vue 的獨(dú)特身份。

那麼，你覺得怎麼樣？我是一個(gè)人嗎？您看到同樣的趨勢嗎？我很想聽聽你的觀點(diǎn)。也許我只是需要有人來說服我，我錯(cuò)了，也許我們都有同樣的感覺。

留言區(qū)一起討論吧！

以上是Vue low 變成 React？ （老實(shí)說我很困惑。）的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！