Starting soon ... | FULL PROJECT with Vue.js + Vuetify + Firebase!
Why Stack Overflow recommends it
Stack Overflow users link it when pointing people to the Academind Vue.js, Vuetify and Firebase series, especially for Firebase data fetching and Vuetify responsive layout.
Recommended by 2 people across 3 different months, 2018 to 2018.
What it is
A short trailer from Academind's Max for a full project series that builds a Vue.js app with Vuetify for UI and Firebase as the backend. It previews what the finished meetup-style app will look like before the longer tutorial videos begin.
What people said
Recommends Renaud Tarnec · 2018-03 · Stack Overflow · on “Deleting a single item from firebase using axios”
The best is to use the Fireabase JavaScript SDK for such interaction between your web client and the Firebase database. This is easier and better than using Axios. Have a look at the documentation: [LINK] and in particular there for learning how to delete an item. [LINK] It is simply a matter of doing remove() on a reference to the location of that data. In order to integrate the SDK with a Vue.js application, have a look at these very good tutorials: [this video] and in particular videos #13 and following for the Firebase part.
Recommends Renaud Tarnec · 2018-05 · Stack Overflow · on “How to list items from firebase in VueJS 2?”
You have to make fruits reactive by declaring it in the component’s data option: <script> export default { name: "FruitList", data() { return { fruits: [] } } }; </script> and populate fruits with a query from Firebase. To query Firebase from a vue.js application is quite a lengthy process to describe in a SO answer... I will rather point you to a good tutorial: [this video] . Start looking at video #13 (and more specially video# 17) Update: This is another tutorial, based on the vuefire library: [LINK] See Step 10 for fetching data from the RTDB
Recommends Bernardo · 2018-08 · Stack Overflow · on “Vuetify template in Vuejs/Ionic”
I have been creating a website and vuetify has a section on there website where it tells how to adapt your website to the size of the device using tags like: xs sm or md and you can also make some things only apear on small devices i recomend you take a look at this serie from academind that shows a litle of what you can do with vuetify: [this video]
Cites Ogi · 2018-11 · Stack Overflow · on “How To Edit Date and Time Picker Vuejs Vuetify From Firebase Using Latest Version”
Hello i am new in vuejs and vuetify, today and a couple weeks ago i am learning how to create project using vuejs, vuetify and firebase as storage data. my project refer to this links : [this video] and still working on progress now i am stuck with my project below are the entire of my all code: components folder components/Meetup/EditMeetupDateDioalog.vue <template> <v-flex xs12 sm6 md4> <v-dialog v-model="editDialog" persistent lazy full-width width="290px" > <v-btn slot="activator" flat outline small color="primary">Edit date</v-btn> <v-date-picker v-model="editableDate" scrollable> <v-spacer></v-spacer> <v-btn flat color="primary" @click="editDialog = false">Cancel</v-btn> <v-btn flat color="