Udostępnij za pośrednictwem

Co to jest struktura Vue.js?

Vue to platforma JavaScript typu open source umożliwiająca tworzenie interfejsów użytkownika i aplikacji jednostronicowych w Internecie. Stworzony przez Evan You, wydany w 2014 roku i obsługiwany przez Evana i jego podstawowego zespołu, Vue koncentruje się na deklaratywnej renderowaniu i kompozycji składników oferującą podstawową bibliotekę tylko dla warstwy widoku.

Jeśli chcesz utworzyć aplikację internetową Vue renderowaną na serwerze z zaawansowanymi funkcjami, takimi jak routing, zarządzanie stanem i narzędzia kompilacji, zapoznaj się z Nuxt.js.

Co sprawia, że Vue jest wyjątkowy?

Vue używa architektury model-view-viewmodel. Evan You wcześniej pracował nad AngularJS w Google i wyodrębnił części Angular, aby zaoferować bardziej uproszczoną strukturę. Vue jest w podobny sposób do React, Angular, Ember, Knockout itp. Zapoznaj się z dokumentacją programu Vue, aby uzyskać bardziej szczegółowe porównanie z tymi innymi strukturami języka JavaScript.

Co można zrobić z Vue?

  • Tworzenie jednostronicowej aplikacji (SPA)
  • Użyj składnika Vue, aby dodać prostą listę to-do do aplikacji lub znaleźć bardziej złożone przykłady
  • Tworzenie witryny internetowej renderowanej przez serwer przy użyciu zaplecza Node.js z pomocą Nuxt.js

Narzędzia Vue

Vue.js koncentruje się tylko na warstwie widoku, więc może wymagać dodatkowych narzędzi do utworzenia bardziej złożonej aplikacji. Warto rozważyć użycie:

  • Menedżer pakietów: dwa popularne menedżery pakietów dla Vue to npm (który jest dołączony do środowiska NodeJS) i yarn. Obie obsługują szeroką bibliotekę dobrze obsługiwanych pakietów, które można zainstalować.
  • interfejsu wiersza polecenia Vue: standardowy zestaw narzędzi do szybkiego tworzenia Vue.js z wbudowaną obsługą babel, PostCSS, TypeScript, ESLint itp.
  • Nuxt.js: struktura umożliwiająca renderowanie aplikacji Vue.js po stronie serwera. Renderowanie po stronie serwera może poprawić optymalizację seo i zwiększyć szybkość reakcji interfejsów użytkownika.
  • Pakiet rozszerzenia Vue dla programu VS Code: Dodaje wyróżnianie składni, formatowanie kodu i fragmenty kodu do plików .vue.
  • Vuetify: biblioteka interfejsu użytkownika Vue oferująca składniki platformy Material Design Framework.
  • Vuesion: Szablon Vue dla gotowych do produkcji progresywnych aplikacji webowych (PWA).
  • Storybook: środowisko programistyczne i testowe dla składników interfejsu użytkownika Vue.
  • Vue Router: obsługuje mapowanie adresów URL aplikacji na komponenty Vue.
  • Vue Design System: narzędzie open source do tworzenia systemów projektowych za pomocą Vue.js.
  • VueX: system zarządzania stanami dla aplikacji Vue.

Dodatkowe zasoby