Vue js w akcji.pdf

(2889 KB) Pobierz
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Słowo wstępne 9
Przedmowa 11
Podziękowania 13
O książce 15
O autorze 19
C
ZĘŚĆ
1. P
OZNAJEMY
V
UE
.
JS
21
Rozdział 1. Wprowadzenie do Vue.js
1.1.
23
Na ramionach giganta 24
1.1.1.
Wzorzec projektowy Model-Widok-Kontroler 24
1.1.2.
Wzorzec Model-Widok-ModelWidoku 26
1.1.3.
Czym są aplikacje reaktywne? 27
1.1.4.
Kalkulator JavaScript 28
1.1.5.
Kalkulator w wersji Vue 30
1.1.6.
Porównanie wersji JavaScript i Vue 31
1.1.7.
W jaki sposób Vue ułatwia użycie wzorca MVVM oraz zapewnienie
reaktywności? 32
1.2. Dlaczego Vue.js? 33
1.3. Dalsze przemyślenia 35
Podsumowanie 36
Rozdział 2. Instancja Vue
2.1.
37
2.2.
2.3.
Nasza pierwsza aplikacja 38
2.1.1.
Główna instancja Vue 38
2.1.2.
Jak się upewnić,
że
aplikacja działa? 40
2.1.3.
Wyświetlanie czegoś w widoku 43
2.1.4.
Sprawdzanie właściwości w przeglądarce 44
Cykl
życia
Vue 45
2.2.1.
Dodawanie funkcji obsługi cyklu
życia
47
2.2.2.
Badanie kodu demonstrującego cykl
życia
48
2.2.3.
Czy zostawiać kod funkcji zwrotnych cyklu
życia,
czy nie?
Wyświetlanie produktu 50
2.3.1.
Definiowanie danych produktu 50
2.3.2.
Przygotowywanie widoku produktu 51
49
Kup książkę
Poleć książkę
4
2.4.
Spis treści
Stosowanie filtrów wyjścia 54
2.4.1.
Pisanie filtra wyjścia 55
2.4.2.
Dodawanie filtra do kodu i testowanie różnych wartości
Ćwiczenie
57
Podsumowanie 58
56
C
ZĘŚĆ
2. W
IDOK I MODEL WIDOKU
59
Rozdział 3. Dodawanie interaktywności
3.1.
3.2.
61
Początkiem danych koszyka jest dodanie tablicy 62
Powiązania ze zdarzeniami DOM 63
3.2.1.
Podstawy dowiązywania zdarzeń 63
3.2.2.
Powiązanie zdarzenia z przyciskiem Dodaj do koszyka 64
3.3. Dodanie przycisku koszyka i liczby produktów 65
3.3.1.
Kiedy stosować właściwości obliczane? 66
3.3.2.
Sprawdzanie zdarzeń aktualizacji w przypadku stosowania
właściwości obliczanych 68
3.3.3.
Wyświetlanie liczby produktów w koszyku i testowanie 71
3.4. Dodawanie afordancji do przycisku 74
3.4.1.
Śledzenie
stanu magazynu 75
3.4.2.
Praca z właściwościami obliczanymi i stanem magazynu 76
3.4.3.
Podstawy dyrektywy v-show 77
3.4.4.
Stosowanie dyrektyw v-if oraz v-else w celu wyświetlania
nieaktywnego przycisku 78
3.4.5.
Dodanie przycisku koszyka działającego jako przełącznik 80
3.4.6.
Użycie dyrektywy v-if do wyświetlania formularza zamówienia
3.4.7.
Porównanie dyrektyw v-show oraz v-if i v-else 83
Ćwiczenie
84
Podsumowanie 84
81
Rozdział 4. Formularze i pola
4.1.
4.2.
85
Stosowanie powiązań v-model 86
Rzut oka na powiązania wartości 94
4.2.1.
Powiązanie wartości z polem wyboru 94
4.2.2.
Stosowanie powiązań danych i przycisków opcji
4.2.3.
Przedstawienie dyrektywy v-for 97
4.2.4.
Dyrektywa v-for bez opcjonalnych kluczy 100
4.3. Prezentacja modyfikatorów 101
4.3.1.
Stosowanie modyfikatora .number 101
4.3.2.
Usuwanie odstępów z wpisanych wartości 103
4.3.3.
Modyfikator .lazy dyrektywy v-model 104
Ćwiczenie
105
Podsumowanie 105
96
Kup książkę
Poleć książkę
Spis treści
5
Rozdział 5. Dyrektywy warunkowe, pętle i listy
5.1.
107
Wyświetlanie komunikatu o stanie magazynu 108
5.1.1.
Wyświetlanie dostępnych egzemplarzy przy użyciu v-if 108
5.1.2.
Dodawanie innych komunikatów z użyciem dyrektyw v-else
oraz v-else-if 110
5.2. Przeglądanie listy produktów 112
5.2.1.
Dodawanie oceny przy użyciu zakresu dyrektywy v-for 112
5.2.2.
Powiązanie klasy elementu HTML z oceną produktu 114
5.2.3.
Dodanie produktów 117
5.2.4.
Importowanie produktów z pliku products.json 119
5.2.5.
Refaktoryzacja kodu aplikacji i dodanie dyrektywy v-for 120
5.3. Sortowanie rekordów 126
Ćwiczenie
127
Podsumowanie 127
Rozdział 6. Stosowanie komponentów
6.1.
129
Czym są komponenty? 130
6.1.1.
Tworzenie komponentów 130
6.1.2.
Rejestracja globalna 131
6.1.3.
Rejestracja lokalna 132
6.2. Zależności w komponentach 133
6.3. Stosowanie właściwości props do przekazywania danych 135
6.3.1.
Właściwości literałowe 135
6.3.2.
Dynamiczne właściwości props 136
6.3.3.
Walidacja właściwości props 139
6.4. Definiowanie szablonu komponentu 142
6.4.1.
Stosowanie wpisanych
łańcuchów
szablonów 142
6.4.2.
Element script typu text/x-template 143
6.4.3.
Komponenty jednoplikowe 144
6.5. Stosowanie zdarzeń niestandardowych 145
6.5.1.
Nasłuchiwanie zdarzeń 146
6.5.2.
Modyfikowanie właściwości przy użyciu .sync 148
Ćwiczenie
149
Podsumowanie 149
Rozdział 7. Zaawansowane zastosowania komponentów i trasowanie
7.1.
7.2.
7.3.
7.4.
7.5.
7.6.
Stosowanie gniazd 152
Rzut oka na gniazda nazwane 155
Gniazda z zasięgiem 157
Tworzenie aplikacji z komponentami dynamicznymi 159
Tworzenie komponentów asynchronicznych 162
Konwersja aplikacji składu dla zwierzaków z użyciem Vue-CLI 163
7.6.1.
Tworzenie nowej aplikacji przy użyciu Vue-CLI 165
7.6.2.
Konfigurowanie tras 166
7.6.3.
Dodanie stylów CSS, Bootstrapa i biblioteki Axios 168
151
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin