Vue.js – wprowadzenie. Dodawanie metod do komponentów.

Na blogu opisywałem już jak wzbogacać pisaną aplikację Vue o własne metody. Pisałem już też jak do takiej aplikacji dodawać gotowe komponenty, które można używać wielokrotnie. W tym wpisie połączę te dwa tematy.

Zademonstruję dziś jak wzbogacać tworzone komponenty o własne metody. Takie interaktywne kawałki widoku to bardzo naturalne połączenie. Przy okazji zademonstruję też dodatkowy sposób na definiowanie templatów komponentów.

Vuejs Dodawanie metod komponentów Czytaj dalej Vue.js – wprowadzenie. Dodawanie metod do komponentów.

Vue.js – wprowadzenie. Metody.

Przy okazji tworzenia swojej pierwszej aplikacji w Vue, opisałem dostarczany przez tę bibliotekę mechanizm metod. Mechanizm ten pozwala na definiowane w modelu widoku funkcji, które następnie bardzo łatwo dodać do samego widoku.

Dziś dokładniej przyjrzymy się tej funkcjonalności. Definiowanie metod jest raczej dość proste, jednak myślę że warto poświęcić im osobny wpis. Jestem pewny, że znajomość tego zagadnienia szybko okaże się bardzo przydatna.

vue js wprowadzenie metody Czytaj dalej Vue.js – wprowadzenie. Metody.

Vue.js – wprowadzenie. Komponenty część druga.

Ostatnim razem opisałem podstawy projektowania komponentów w aplikacjach budowanych za pomocą biblioteki Vue. Myślę, że udało si mi pokazać, że mechanizm ten daje ogromne możliwości oraz, że warto go poznać.

Dziś pociągnę temat dalej i przedstawię sposoby na to jak całkowicie oddzielić komponenty od instancji Vue. Kolejnym krokiem będzie dynamiczne dostarczanie danych dla komponentów, co jeszcze bardziej ożywi budowane aplikacje.

Vue js komponenty Czytaj dalej Vue.js – wprowadzenie. Komponenty część druga.

Vue.js – wprowadzenie. Komponenty część pierwsza.

Miałem zacząć ten post od oznajmienia jak przyjemnie pracuje mi się z biblioteką Vue, ale wydaje mi się że chyba nie muszę robić tego kolejny raz. Na potrzeby tworzenia niewielkich aplikacji webowych jest dla mnie w tym momencie wyborem numer jeden.

Mechanizm, który dziś przedstawię, jeszcze bardziej zwiększy ‚używalność’ Vue. Komponenty, bo o nich mowa, pozwalają na modularyzację widoku aplikacji. Dzięki temu możemy tworzyć fragmenty widoku, które później bardzo łatwo jest ‚wstrzyknąć’ do aplikacji.

Vue js pisanie aplikacji Czytaj dalej Vue.js – wprowadzenie. Komponenty część pierwsza.

Vue.js – wprowadzenie. Dyrektywy warunkowe

Vue.js posiada wiele ciekawych mechanizmów, niektóre bardziej rozbudowane, inne dość proste. Dziś zajmę się reprezentami z tych drugich. Pomimo swej prostoty mechanizmy te są jednak bardzo przydatne. Czasem wystarczą w zupełności aby stworzyć prostą aplikację webową.

Mowa tu o dyrektywach warunkowych. Są one wbudowane w logikę Vue i trzeba wiedzieć jak z nich korzystać. Wiem, że pokazywałem już niektóre z nich w przykładowym kodzie, przy okazji tworzenia mojej aplikacji Vue. Jest to jednak temat, który warto mieć uporządkowany. Stąd dzisiejszy post.

Vue js dyrektywy warunkowe Czytaj dalej Vue.js – wprowadzenie. Dyrektywy warunkowe

Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.

Tym razem rozwinę moją aplikację Vue o backend. Dzisiejszy post będzie dotyczył Vue tylko połowicznie. Trochę miejsca poświęcę na pobieżne opisanie tego jak napisałem obsługę apki od strony serwera.

Do stworzenia serwera użyłem bardzo popularnego frameworka Express. To znaczy, że wszystko zostaje w JavaScripcie. Natomiast po stronie front-endu dodałem obsługę zapytań aplikacji Vue do serwera, więc będzie ciekawie 🙂

Express podstawy tworzenia serwera Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.