Tag: vuejs

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 – część druga.

Od ostatniego razu, trochę popracowałem nad moją aplikacją napisaną z użyciem Vue.js. Muszę przyznać, że praca z tą biblioteką daje mi dużo radości 🙂 .

W aplikacji, mogę teraz odhaczać te elementy, które uznam za wykonane. Ten dodatek nie jest może specjalnie duży, ale do jego wprowadzenia użyłem nowych mechanizmów Vue – filtrów. A o to własnie chodzi żeby nauczyć się czegoś nowego.

Pisanie pierwszej aplikacji w Vue js Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – część druga.

Vue.js – wprowadzenie. Pierwsza aplikacja.

W ostatnim poście przedstawiłem podstawy korzystania z biblioteki Vue.js. Dziś korzystając ze zdobyteh wiedzy napiszę pierwszą, bardzo prostą aplikację.

Oczywiście, samo wiązanie danych z widokiem, nie wystarczy aby zbudować apkę. Dlatego dojdzie dziś trochę nowych informacji, ale nie wiele. Mam nadzieję, że przedstawienie Vue na przykładzie, jeszcze bardziej uwypukli możliwości tej skromnej biblioteki.

Vue js pierwsza aplikacja Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja.

Vue.js – wprowadzenie. Podstawowe informacje.

W dzisiejszym wpisie chciałbym pokazać coś nowego. Będzie on zawierać podstawowe informacje o mało znanej, ale szybko zyskującej popularność, bibliotece – Vue.js.

Biblioteka ta pozwala na tworzenie interaktywnych komponentów na stronie WWW. Dzięki niej, można bardzo szybko stworzyć ‚lekką’ i prostą aplikację webową. Do tego, vue.js jest naprawdę proste do poznania. Jeżeli opanowałeś podstawy JS’a, nie będziesz miał żadnego problemu z rozpoczęciem pracy z Vue.

Vue.js wprowadzenie Czytaj dalej Vue.js – wprowadzenie. Podstawowe informacje.