#javascript #vuejs #programowanie

Raczkuje dopiero w Vue jak i w JS i na tą chwilę zastanawiam się jak mógłbym najwygodniej wygenerować listę dni dla danego miesiąca wraz z nazwa tygodnia. Ogólnie będę chciał podpiąć jakaś bazę danych pod to lub stworzyć jakieś proste API w php (laravel np.) i w sumie tu mam kolejne zapytanie, w czym najlepiej zrobić rest api, laravel nie bedzie overkillem ?

Macie jakieś pomysły jakbym mógł to
Potrzebuje zrobić dynamiczne bindowanie modeli,
mam Przyciski, po ich kliknięciu tworzony jest nowy input i dane są dodawane do data w tablicy obiektów

następnie mam pętle v-for w której wyświetlam inputy
model robie w ten sposób:
v-model="input[index].text"

I teraz po utworzeniu np 10 i wpisaniu w byle w który input cokolwiek, to dane zmieniają się jednocześnie we wszystkich inputach i pomysłów już brak

#vuejs #javascript
@Radaka: Ok, już nie ważne ten sposób jaki pokazałem działa, po prostu zapomniałem że ustawiłem jeszcze inny event na kliknięcie który miesza w indexach w modelu, po jego usunięciu działa jak miało działać
@jeski: działa to tak , tworzysz nowy router przez vueRouter({tutaj masz config czyli m.in tab z drogami}). Nie ma znaczenia jak je nazwiesz ma to być albo

vueRouter({zmienna do tab z drogami })
albo

vueRouter({
wpisujesz tak drogi:[]
})

Teraz robisz tak
var( tutaj nazwa dowolna i ja dodajesz do instancji vue przed data na (kluczu router:) ) = new VueRouter({
i tutaj
vueRouter( {zmienna do tab z drogami })

albo
Witam. mam pytanko.

Mam sobie komponent: lista zadań na osobnym router link i muszę po te zadania robić zapytanie i te zadania przypisuję potem do data property w komponencie lista zadań. Problem jest taki, że chciałbym te zapytanie zapisać w akcji w storze (żeby mieć dostęp do tego calla powiedzmy z innego miejsca jeszcze.

Robie dispatch akcji fetch data w komponencie i zaraz potem podmieniam domyslna pusta tablice w data na getter
@crine: Robisz dispatch akcji na poziomie beforeCreate() i getter zwracasz za pomocą computed i sobie nim operujesz. Nie ma potrzeby raczej przypisywać go do data. Mozesz przez niego loopować v-forem i computed i tak potem możesz wysłać jako propsy do child-kontenera
Witam, pisze aplikacje w vue, uzywam również vuex i teraz pytanie, jak powinienem rozplanować zapytania do API? Zrobić moduł w vuex gdzie trzymałbym zapytanie o daną rzecz w postaci akcji, czy jednak zrobić plik api.js i eksportować funkcje które by mi zwracały co trzeba?
#webdev #vuejs #javascript
@Krucyfiks:

Ja stosuje takie zasady:

- Z Vuex komunikują się tylko komponenty najwyższego rzędu. Nigdy dzieci. Komunikują się tylko za pomocą akcji.
- Tak samo z routingiem - route mogą zmieniać tylko komponenty najwyższego rzędu.
- Komponenty najwyższego rzędu z dziećmi komunikują się przez propsy, dzieci z nimi przez eventy (to akurat standard w vue)
- Komponenty nigdy nie robią zapytań do API, Zapytania robią wyłącznie akcje w Vuex (polecam tutaj
Mirki, jest ktoś z #trojmiasto #gdansk, kto ma trochę zapasów energii po tygodniu i chciałby sobie dorobić w weekend przy #vuejs? Zbliża nam się deadline z projektem i potrzebujemy rąk do pracy. Junior, mid, senior - nieważne, potrzebujemy każdego (no może z wyjątkiem entry :( ). Do zrobienia byłyby naprawdę proste fixy.

Płatność praktycznie natychmiastowa. Biuro mamy we Wrzeszczu (niestety, nie jest to oferta na remote).

#damprace #it #programowanie
Serwus!
Potrzebuję Waszej pomocy. Robię apkę w #vuejs i gdy pobieram dane i wypisuje je w logach mam coś takiego:

loadSongs: function() {
var app = this;
axios.get('http://localhost:3000/songs')
.then(function(response) {
this.songs = response;
console.log(response);
})
.catch(function() {
console.log('Error');
});
}

Logi - tablica

Jak widać response.data jest tablicą. Jednak, gdy przypiszę response.data do this.songs to nie jest już to tablica, a obiekt.

loadSongs: function() {
var app = this;
axios.get('http://localhost:3000/songs')
.then(function(response) {
@JewelOfTheNile: Nie pisałem w Vue ale generalnie monitorowanie zmian odbywa się przez porównywanie referencji do obiektów, więc jeśli dodajesz element przez push to nie zmienia się referencja do tablicy i pewnie dlatego nie odświeża. Spróbuje przez staraTablice = [...staraTablica, nowyElement];
Hej, wczoraj umknelo bo moze za pozna godzina byla...

Hej,
Mam frontend na #vuejs i backend na #dotnet choc to w sumie nie ma wiekszego znaczenia.
Robie logowanie/rejestracje przez FB/Google.
Na froncie dostaje (przy uzyciu HelloJS) dostaje token z social providera:

{
"state": "",
"access_token": "EAAdGaZAVjxTABAMiTJXZCfD0iMc03SfT2UO6QGOBIOY7zPjm7VikfjsknZCgZCRPYKclKMXTRZB8Yms8cD7FlHNHsZBbDywZAuoV8ranNKAUc5gGbC1sedwlILsJV6XvkDA75qgdRy3DHsnUBZBHk4JZC0V4aZCXIOwl8YkhCDqA4bBr7YIZBvzLuehjSZBmmxUvmjwZD",
"expires_in": 5490,
"client_id": "2047044128868720",
"network": "facebook",
"display": "popup",
"redirect_uri": "http://localhost:8090/",
"scope": "basic",
"expires": 1514844000.365
}

Na backend wysylam na /auth/{provider} accesstoken zebym mogl odpytac /me
Hej,
Mam frontend na #vuejs i backend na #dotnet choc to w sumie nie ma wiekszego znaczenia.
Robie logowanie/rejestracje przez FB/Google.
Na froncie dostaje (przy uzyciu HelloJS) dostaje token z social providera:

{
"state": "",
"access_token": "EAAdGaZAVjxTABAMiTJXZCfD0iMc03SfT2UO6QGOBIOY7zPjm7VikfjsknZCgZCRPYKclKMXTRZB8Yms8cD7FlHNHsZBbDywZAuoV8ranNKAUc5gGbC1sedwlILsJV6XvkDA75qgdRy3DHsnUBZBHk4JZC0V4aZCXIOwl8YkhCDqA4bBr7YIZBvzLuehjSZBmmxUvmjwZD",
"expires_in": 5490,
"client_id": "2047044128868720",
"network": "facebook",
"display": "popup",
"redirect_uri": "http://localhost:8090/",
"scope": "basic",
"expires": 1514844000.365
}

Na backend wysylam na /auth/{provider} accesstoken zebym mogl odpytac /me i dostac email i imie/nazwisko.
Jesli mail jest znany
@trustME: W sumie jeszcze jedna rzecz którą fajnie jest zrobić to wrzucenie fejkowych plików z konfiguracją credentiali i wrzucenie ich samych do .gitignore. Przykładowo zamiast credentials.yml dajesz credentials.yml.template z pustymi polami ale dobrą strukturą, a credentials.yml wrzucasz do .gitignore. Alternatywnie wrzucenie tego szablonu bezpośrednio jako credentials.yml. Dzięki temu wiadomo dokładnie co trzeba zrobić. Przykładowo praw.ini i praw.ini.example w tym repo: https://github.com/x89/Shreddit
Napisałem swój pierwszy komponent, jednak google i niektóre wyszukiwarki nie interpretują tego poprawnie lub wcale.

Mam tak:


Który podczas renderowania strony jest podmieniany przez VUE.
Czy mogę w te znaczniki dać np. trochę kodu HTML dla wersji nie obsługujących vue?
Chciałem dać tam prostą wersję tego samego co mam w komponencie vue, czyli coś w stylu:

* tekst
* tekst
* tekst

Ewentualnie proszę o wskazówki jak sobie z tym radzicie.

#
Mirki spod tagu #webdev ogarniające #react lub ewentualnie #vuejs podzielcie się swoimi doświadczeniami.

Próbuję przestawić swoje myślenie z #jquery na coś nowocześniejszego np. react js

Wiadomo, że najlepiej od razu zrobić sobie jakiś projekcik :)

Sama idea jest spoko, buduje sobie komponenty itd. ale czasem coś co w jQuery zajmowało mi minutę w reakcie jest drogą przez mękę.

Robie sobie w semantic UI i tutaj już na starcie mam duży problem zainkludować
Witam, piszę sobie aplikacje w #vuejs i mam logowanie do panelu. Chciałbym aby podczas ładowania się różnych rzeczy z API (np. profilu) na ekranie wyświetlił mi się progress bar wraz z opisem ładowanego zasobu ("Ładuję profil", "Ustawiam coś tam", itp...). Jak zwięźle i efektywnie takie coś wykonać? Dodam, że również korzystam z Vuex.
#webdev #frontend