How Vue Keep Alive Can Improve Your App
HTML-код
- Опубликовано: 14 июн 2021
- When working with dynamic components, Vue recreates new instances of components when you switch the value of the :is directive. While it’s useful in most cases, there are times when we want to save the cached state of a hidden element.
Meet Vue keep-alive components.
Depending on your project, Vue Keep-Alive components can be a great way to increase speed and provide a better user experience.
COMPANION ARTICLE W/ CODE
learnvue.co/2019/12/an-overvi...
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-...
follow me on twitter:
/ mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
I highly appreciate the effort put into these videos and they are very informative, keep going my dude !
Glad you enjoy them! Thanks :)
wow, that was amazing, i hv been coding with vue for about 3 yrs now and i still found it very useful.
appreciate it!!
Otherwise we have to use store or Api to initialize data for those tabs. In particular case, I had heavy tabs with charts and form datepicker in loops, so heavy that it was hanging the browser in some case, hence there mounting one component at a time makes more sense.
I stumbled myself with this same issue today. Will use it!
Just on time :) I am creating a slideshow-like experience and swiching slides with . keep-alive should be a nice fit here.
It's so useful, thanks
Great content, very informative and precise.
thank you!
love the pace
Saved my day! Thanx!
💚
Amazing and useful video as always 👌 thank you so much. I hope if you make a video about how to implement ssr with vue cli , I know I can use nuxtjs to make it easier but I would like to know the appropriate way with vue cli . Thanks in advance ☺
thanks for the suggestion! will definitely look into it more
thanks for the video
Useful. Nicely explained
thank you.
very usefull, thanks
Amazing content
thank you, helkped me a lot
Glad it helped! Keep Alive is a cool feature
I love this channel. So many greate vdo.
Thank you so much 😀
What's the reason for not using the composition API?
thanks
could you make video about dynamic components , using tag ?
great suggestion! this video should be coming next week, but until then we have an article for that topic on our website. learnvue.co/2020/01/an-overview-of-vuejs-dynamic-components/
My man can explain rocket science in less that 5mins and still understand it very well. Thanks man!
DUDE! This is so damn usefull!!!!
glad it helps!
oh nice !
im unable to do this in composition API :(
IMO Vue JS is the best framework out there for conditional rendering of anything. keep-alive is for conditional caching and only works for component tag. Very cool video for basic understanding. In a real situation I had to use the keep alive for caching the date when people switched between tabs.
Create more contents
keep-alive takes unclude and exclude . you should explain it in this video
1
Listening to these tutorials while reading displayed text, which says the same, but in different way, is not very comfortable.
Besides that, they are great.
i agree - thats something i've been trying to do better in my more recent videos. thanks for the feedback!
@@LearnVue anyway the content is great!
why RUclips auto translate this video to Dutch language?
How can someone not love Vue!? if VueNative existed nobody would care about react.... (chill bro! i'm just messing with you)