Vue_js_2_Tworzenie_reaktywnych_aplikacji_WWW_vuejs2.pdf

(1322 KB) Pobierz
Tytuł oryginału: Learning Vue.js 2
Tłumaczenie: Krzysztof Wołowski
ISBN: 978-83-283-3874-6
Copyright © Packt Publishing 2016
First published in the English language under the title 'Learning Vue.js 2 -
(9781786469946)'
Polish edition copyright © 2018 by Helion SA
All rights reserved.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były
kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane
z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie
ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji
zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/vuejs2
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis tre ci
Podzi kowania
O autorze
O recenzencie
Wst p
Rozdzia 1. Zakupy z Vue.js
Terminologia
Historia Vue.js
Rzeczy, które musisz wiedzie o Vue
Idziemy na zakupy!
Implementacja listy zakupów przy u yciu jQuery
Implementacja listy zakupów za pomoc Vue.js
Analiza wi zania danych za pomoc narz dzi programisty
Modyfikacja modelu po wprowadzeniu danych przez u ytkownika
Wy wietlanie listy elementów za pomoc dyrektywy v-for
Zaznaczanie elementów listy zakupów
Dodawanie nowych elementów do listy zakupów za pomoc dyrektywy v-on
Korzystanie z Vue.js w istniej cym projekcie
Vue.js 2.0!
Projekty, w których wykorzystano Vue.js
Grammarly
Optimizely
FilterBlend
PushSilver
Organizacja ksi ki
11
13
14
15
19
20
22
22
23
23
27
28
29
30
31
32
34
37
38
38
39
40
41
41
Kup książkę
Poleć książkę
Spis tre ci
Zarz dzamy czasem!
Zmiana tytu u przy u yciu w a ciwo ci obliczanych
Dope nienie warto ci za pomoc w a ciwo ci obliczanych
Kontrola stanu przy u yciu przycisków startu, pauzy i stopu
wiczenie
Podsumowanie
43
45
47
48
50
50
Rozdzia 2. Podstawy — instalacja i u ytkowanie
Wzorzec architektoniczny MVVM
Metoda defineProperty, gettery i settery
Porównanie z innymi frameworkami
React
Angular
Vue
Podstawy Vue.js
Komponenty
Dyrektywy Vue.js
Wtyczki Vue.js
wiczenie
Stan aplikacji i Vuex
vue-cli
Wtyczki Vue dost pne w rodowiskach IDE
Instalacja, u ytkowanie i debugowanie aplikacji Vue.js
Instalacja Vue.js
Debugowanie aplikacji Vue
Tworzenie szkieletu aplikacji
Szkielet aplikacji Lista zakupów
Szkielet aplikacji Pomodoro
wiczenie
Podsumowanie
51
52
53
56
56
58
58
59
59
63
64
67
67
68
70
70
70
80
82
82
85
85
85
Rozdzia 3. Komponenty — zasada dzia ania i zastosowanie
Powrót do komponentów
Korzy ci z u ywania komponentów
Deklaracja szablonów w formacie HTML
Obs uga w a ciwo ci data i el w komponencie
Zasi g komponentów
Komponenty zawieraj ce inne komponenty
Przebudowa aplikacji Lista zakupów za pomoc prostych komponentów
Definiowanie szablonów dla wszystkich komponentów
Definiowanie i rejestrowanie komponentów
wiczenie
Komponenty jednoplikowe
Wtyczki dla rodowisk IDE
Styl i zasi g
Automatyczne od wie anie
Preprocesory
87
87
88
88
89
90
92
96
97
99
100
100
102
102
103
104
6
Kup książkę
Poleć książkę
Spis tre ci
Przebudowa aplikacji Lista zakupów za pomoc jednoplikowych komponentów
AddItemComponent
Konfiguracja komponentów ItemComponent i ItemsComponent
wiczenie
Przebudowa aplikacji Pomodoro za pomoc komponentów jednoplikowych
Reaktywne wi zanie efektów przej cia CSS
Podsumowanie
105
108
109
111
111
115
117
Rozdzia 4. Reaktywno
— wi zanie danych
119
119
120
121
122
122
122
126
127
127
128
129
129
131
134
141
145
146
146
146
Wi zanie danych raz jeszcze
Interpolacja danych
Dodajemy nag ówek ze stanem aplikacji
wiczenie
Wyra enia i filtry
Wyra enia
Filtry
wiczenie
Dyrektywy raz jeszcze
Wi zanie dwukierunkowe przy u yciu dyrektywy v-model
Dwukierunkowe wi zanie mi dzy komponentami
Wi zanie atrybutów za pomoc dyrektywy v-bind
Wy wietlanie warunkowe przy u yciu dyrektyw v-if i v-show
Przetwarzanie tablicy za pomoc dyrektywy v-for
Detektory zdarze i dyrektywa v-on
Skróty
wiczenie
Koty
Podsumowanie
Rozdzia 5. Vuex — zarz dzanie stanem aplikacji
Komunikacja typu rodzic – dziecko mi dzy komponentami, zdarzenia oraz amig ówka
Dlaczego potrzebujemy globalnego magazynu stanu?
Czym jest Vuex?
Jak dzia a magazyn i co jest w nim takiego szczególnego?
Pozdrowienia z magazynu
Stan magazynu i gettery
Mutacje
Akcje
Instalacja magazynu Vuex i jego wykorzystanie w naszych aplikacjach
Zastosowanie magazynu Vuex w aplikacjach Lista zakupów i Pomodoro
Zastosowanie magazynu Vuex w aplikacji Pomodoro
O ywiamy przyciski startu, pauzy i stopu
Obs uga minut i sekund w aplikacji Pomodoro
Tworzenie zegara Pomodoro
Modyfikacja kota
Podsumowanie
149
149
156
156
157
159
164
168
169
174
176
180
180
185
188
190
193
7
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin