Nuxt Tutorial | Composition API - Part 7 - Weather App

Hi All,

In this video, we are going to see the concepts of computed property, making an external API call, v-for, v-if and data binding. I will be creating a weather app implementing all these concepts.

Please do not forget to subscribe to my channel if you haven't yet and also give a thumbs up if you like this video.

00:00 - Introduction
00:48 - How it works
02:25 - Environment Variables and Axios
03:54 - Input Data binding
05:53 - v-if
07:23 - Rendering component using v-for
10:49 - Styling the component
14:55 - Props
22:40 - Rendering Data in the component
25:10 - Dynamic HTML class
27:24 - Displaying weather icons from static folder
32:52 - Computed Properties
40:45 - Error correction and Wrap up

[rioadrian]

Thanks for all tutorial series of nuxt, it's very appreciated.

[sivakumarlakshmanan]

Share if you have any nuxt js with vuex and composition examples

[sivakumarlakshmanan]

I used API Key which you shared it won't work.