Hipotetyczny scenariusz. Jest sobie jakiś obiekt, który się wyświetla we #vue i do którego jest edytor w komponencie. Się edytuje na żywo i wszystko spoko dopóki nie przyjedzie pora rezygnacji ze zmian, bo główny obiekt został już zmieniony.

https://jsfiddle.net/qx2p5jgk/

Jaki jest poprawny sposób ogarnięcia danych tak, aby zachować podgląd na żywo i zrobić sensownie działające anulowanie? Mam klonować zawartość obiektu przy edycji? Jest jakiś automat?

#javascript #vuejs
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@TwigTechnology: W sumie widzę 2 rozwiązania bez Vuex.
1. Zrobić dwa pola do każdego obiektu, value i editValue, po zapisaniu zmieniać oryginalną wartość, jeśli ktoś kliknie cancel, to zmieniać editValue na oryginał.
2. Imho pokazywanie zmian na żywo w oryginalnej wartości to przesada, robiłbym to dopiero po zapisie.
  • Odpowiedz
@le1t00: Według mnie warto. Ja go kupiłem chyba akurat w promocji za $10.

Learn Vue step by step też jest ok, ale Jeffrey Way uparł się by nie używać Vuex tylko swoje rozwiązania proponuje. Jak dla mnie ten drugi kurs to może być uzupełnienie.

Dokumentacja jest ok, ale za te kilkanaście euro masz wszystko podane po kolei.
  • Odpowiedz
Podczas swojej nauki #webdev w końcu dotarłe do momentu w którym muszę wybrać jakąś biblioteke/framework do budowy interfejsu na bazie komponentów. Nie bede ukrywał, że moim celem jest w koncu znaleźć posade juniora lub chociażby załapać się na praktyki w jakiejś solidnej firmie. Jako że jestem niedawno po lekturze książki "Jedna rzecz" i już nie mam wątpliwości że branie się za kilka rzeczy na raz sabotuje moj progres, chce postawic
  • 19
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@khejit: Tu jest ciekawa dyskusja na ten temat.
TLDR: Progressive enhancement dotyczy coraz bardziej wymagań sieciowych a nie javascript'a, więc niezłą odpowiedzią wydają się aplikacje/strony które prerenderują początkową zawartość po stronie serwera (np node.js) żeby zminimalizować użycie danych, natomiast javascript można coraz bardziej przyjmować za pewnik. Ogólnie jest to kwestia sporna i decyzja developera, bo przypadki mogą być bardzo różne.
  • Odpowiedz
#vuejs #javascript
Mam problem z odpaleniem funkcji ready w Vuejs na telefonach komórkowych.
Nie mogę znaleźć nic w necie, ktoś coś pomoże?
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Chanandler: Hmm rzeczywiście ten przykład działa, nie mam pojęcia co jest nie tak z moim kodem. Na desktopie wszystko działa, a taka sama logika jak w twoim przykładzie.
  • Odpowiedz
Ogarnia ktoś Webpacka i odpowiedziałby na kilka pytań, bo już p-------a dostaję?

Na początek, mam taką strukturę projektu:

/node_modules/
/src/
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

masz moj config do webpacka:

const webpack = require('webpack');
module.exports = {
// the main entry of our app
entry: ['./src/index.js', './src/auth/index.js'],
  • Odpowiedz
@zukuS: po co kombinujesz pod gorke jak jest dostepny template vue-webpack ? Rozumiem, ze pewne rzeczy warto rozumiec itp a nie kopiowac, ale nie ma co wynajdowac kola od nowa.
  • Odpowiedz
Powiedzcie mi jak to jest z Vue i Vue2. Vue2 jakoś drastycznie się różni, wymaga zmiany metodyk, strategii pisania kodu? Chciałbym do tego przysiąść w końcu. Znam dobrze ng, nie mam podstaw w react. Chcę dać szansę VueJS i pytanie czy nauka Vue a Vue2 czymś się różni?

#programowanie #frontend #webdev #javascript #vuejs
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@vanot: jest właśnie po migracji średniej aplikacji z 1 na 2 i dużych różnic nie ma. Ale poleciało kilka maleństw, np filtry dla zmiennych, czy zabawki związane z animacjami. Nawet CLI jest, które w miaaarę za rączkę prowadzi z aktualizacją... ale, że to aplikacja w symfony, więc uważało system szablonów Symfony za swój. Mały problem w sumie.

Za to na plus - operujemy w aplikacji na sporych listach obiektów i
  • Odpowiedz
#programowanie #webdev

Co sądzicie o #vuejs? Nie jestem fanem pogoni za nowościami, ominął mnie hype na #angularjs, do #react jestem sceptycznie nastawiony. Mam jakieś tam doświadczenei w #backbone i może dlatego vue.js robi na mnie dobre wrażenie, bo podobnie jak backbone - jest prosty, bariera wejścia wydaje się być niska w porównaniu np. do angulara. Pisząc w vue.js
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Z okazji wydania #vuejs 2 postanowiłem unowocześnić swój warsztat. Mam pytanie o autoryzację vue z backendem #php

1. Autoryzacja z JWT, tokenami.

2. zwykłe logowanie, przeładowanie strony i mamy gotową sesję

Za
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Tworzę sobie prosty element, który ze zmiennej:

kontakty = [ {id: 1, nazwa: 'N1'}, {id: 2, nazwa: 'N2'},{id: 3, nazwa: 'N3'} ];

generuje sobie komponenty. Standard.

Wszystko
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@TwigTechnology: hmm... wygląda na to że zmieniasz kontakty żeby nie wskazywała na obiekt na który wskazywałą do tej pory, tylko na jakiś inny, a dane pobiera ze starej.

Znalazłem coś takiego:

for(var k in firstObject) secondObject[k]=firstObject[k];
Jeszcze by się przydało dopisać coś do usuwania
  • Odpowiedz
@Jojne_Zimmerman: Nie mnie oceniać.
Podchodziłem do nauki Angulara, szło jak po grudzie.
Ale w międzyczasie zobaczyłem VUE i w ramach nauki na pewnym projekcie appka typu CRM - ( kontakty, sprawy, tasklist ) powstała w tydzień. Całość z ładny czytelny routing, przejściami płynnymi, cache itp. Banalne w obsłudze. Jakieś sortowania kwestia kilku wyrazów i po prostu działa.

Z wersją 2.0 doszły rzeczy które musiałem samemu kombinować... Jeszcze przyjemniej się go
  • Odpowiedz
#vuejs #vue #javascript #webdev #technologia

Vue 2.0 is Here!

Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide.
f.....s - #vuejs #vue #javascript #webdev #technologia

Vue 2.0 is Here!

Today I ...

źródło: comment_Z5VNFDWbelAsZZOcMNDhrk3qSjL1QRVM.jpg

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ciężko temu zaprzeczyć, chociaż dziwnym trafem prawie 2 tygodnie po tym gdy my wydaliśmy pierwszy issue, nagle ktoś wpadł na identyczny pomysł i założył drugi newsletter ;)
imo to dobra oznaka - community rośnie a promowanie wartościowych materiałów jest na plus i dla autorów i dla samego frameworka, więc każdy kto dorzuca swoje trzy grosze do promowania Vue jest mile widziany
  • Odpowiedz
Mirki, mam pewien problem. Używam #vuejs i potrzebuję zrobić walidację inputów.
Używam http://vee-validate.logaretm.com/
Jednak działa to w przypadku kodu inline, a jak mam go już w templatce to za żadne skarby nie chce działać. #webdev
Jakiś hint co zrobić w tej sytuacji?
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach