Pierwszy komponent Vue.js

[type-of-web-komentarze[bot]]

Pierwszy komponent Vue.js

Vue.js jest reaktywnym frameworkiem JavaScript. Znaczy to, że dowolna zmiana danych używanych do wyświetlania strony sprawia, że widok automatycznie jest aktualizowany tak, aby odzwierciedlić tę zmianę.

https://typeofweb.com/pierwszy-komponent-vue-js

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	H3xas		2019-01-04 11:27

Hej,

Świetna inicjatywa z kursem Vue.js!
Mam jednakże parę sugestii to powyższego artykułu, aby nie wprowadzić czytelnika w błąd.

Powiedziałbym, że potrzebna jest drobne doprecyzowanie. Jeżeli tworzymy główny obiekt Vue i wszystko obecnie tworzymy w jednym pliku (poprzez dołączenie odnośnika do Vue poprzez tag <script>), to niekoniecznie musimy skorzystać z funckji .$mount(id) ale także może to być poprzez property 'el' w obiekcie Vue. Natomiast jeżeli tworzymy już komponent, to w takim momencie musielibyśmy nadać mu name, który wykorzystamy.

Drugą według mnie różnicą jest fakt, iż w głównym obiekcie Vue, stosujemy obiekt bezpośredni dla property 'data', natomiast we wszystkich komponentach, które nie są głównym property 'data' musi być funkcją, która zwraca obiekt. Dzięki temu Vue jest w stanie odróżnić obiekt root od pozostałych swoich komponentów.

Pozdrawiam,
Rafał

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	wojtiku		2019-09-19 17:54

Bardzo dobra uwaga z tym mount i el. Nie chcę jednak na początku kursu wprowadzać zbyt wielu koncepcji. Dlatego używam tego jednego, "rekomendowanego" (np. vue-cli tak inicjalizuje główną instancję) sposobu. Jest duża szansa, że wrócimy do tego w dalszej części kursu :).

Jeśli chodzi o ostatni punkt to, bazując na własnej wiedzy, niestety nie mogę się zgodzić. Powód dla którego w głównym komponencie Vue pozwala użyć po prostu obiektu data, a nie funkcji zwracającej obiekt jest taki, że ten komponent może mieć tylko jedną instancję. W przypadku innych komponentów tych instancji może być wiele i dlatego data musi zwracać zawsze nowy obiekt o NOWEJ referencji. Inaczej wiele instancji komponentu współdzieliłoby dane. W przypadku komponentu głównego instancja jest jedna i problem nie występuje. Ja jednak polecam zawsze używać data jako funkcji - w ten sposób nigdy nie popełnisz błędu. :)

 
 

Komentarz zaimportowany z WordPressa