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

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

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

“Vue Way”：我們所愛(ài)的

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

這是 Vue 2 組件的一個(gè)簡(jiǎ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>

簡(jiǎn)單。直接的。易于理解。這是 Vue 的承諾。

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

但是隨著 Vue 3 的出現(xiàn)，事情開(kāi)始發(fā)生變化。 Composition API 的引入雖然功能強(qiáng)大，但帶來(lái)了一種完全不同的思維模型。感覺(jué)……抽象。突然之間，簡(jiǎn)單的任務(wù)現(xiàn)在需要更多的代碼。您可以在這兩個(gè) API 中執(zhí)行相同的操作，但在某些情況下，復(fù)雜性感覺(jué)沒(méi)有必要。

這是 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>

它的作用是一樣的，但是...不覺(jué)得需要更多工作嗎？看看即使是一個(gè)簡(jiǎn)單的消息變量現(xiàn)在也需要一個(gè)引用并且需要一個(gè)值來(lái)訪(fǎng)問(wèn)其內(nèi)容！對(duì)于以前簡(jiǎn)單的事情來(lái)說(shuō)，這有點(diǎn)太多了。

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

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

不斷發(fā)展的生態(tài)系統(tǒng)和選擇

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

這讓我想起了我們很多 React 開(kāi)發(fā)者都有的一種感覺(jué)：“選項(xiàng)癱瘓”。我開(kāi)始通過(guò) Vue 3 感受到這一點(diǎn)：

• 我應(yīng)該使用 Pinia 還是 Vuex？

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

• 我應(yīng)該從頭開(kāi)始創(chuàng)建所有內(nèi)容還是采用大型組件庫(kù)？

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

我瘋了嗎？

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

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

那么，你覺(jué)得怎么樣？我是一個(gè)人嗎？您看到同樣的趨勢(shì)嗎？我很想聽(tīng)聽(tīng)你的觀(guān)點(diǎn)。也許我只是需要有人來(lái)說(shuō)服我，我錯(cuò)了，或者也許我們都有同樣的感覺(jué)。

評(píng)論區(qū)一起討論吧！

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