DEV Community

Cover image for Build a movie search app using the Vue Composition API

Build a movie search app using the Vue Composition API

Gábor Soós on October 17, 2019

The very first alpha version of Vue 3 is released! There are a lot of exciting features coming with version 3: Vue exposes its reactivity system be...
Collapse
 
muhaddimu profile image
Muhaddis

Thank you for writing and explaining things.
Now we're tracking the change with handleChange() function. As we use to do in React. What about v-model approach here? Can we use it with composition API? Correct me if I am wrong

Collapse
 
peterkassenaar profile image
Peter Kassenaar

I'm a bit late to the party - as I just started using the composition API myself - but it's definitely possible to use v-model, as before.

Just remember to set the variable you wish to assign to v-model in the setup() function, using a ref(). As in const newMovieName = ref(''); and use v-model="newMovieName".

Collapse
 
apkzar profile image
APKZAR.COM

apkzar.com/kinemaster-mod/ kinemastermod apk

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
sonicoder profile image
Gábor Soós

The function is called as an event handler and the searchTerm comes from the data passed to emit. I have tried out the application on Codesandbox and it is working.
Am I missing something?

Collapse
 
dasdaniel profile image
Daniel P 🇨🇦

You're right. I misread the definition.

Collapse
 
fantasticsoul profile image
幻魂

awesome composition api of vue, and you can also try concent composition api for react!
here is an online example: stackblitz.com/edit/concent-regist...

more details see github.com/concentjs/concent
hope you like it, concent is a predictable、zero-cost-use、progressive、high performance's enhanced state management solution for react _^

Collapse
 
sonicoder profile image
Gábor Soós • Edited

Interesting solution, definitely an eye-catcher

Collapse
 
fantasticsoul profile image
幻魂

thx _, concent is born for react, and power react from inside to outside.

1 predictable:
concent take over react.setState, and dispatch feature is base on setState, so every state changing behavior is predictable, no matter use setState or dispatch
see demo below:
stackblitz.com/edit/cc-zero-cost-use

2 zero-cost-use:
cause setState can be interactive with store, so you can use concent by register api on your classical react class writing without changing any code.
see demo below:
stackblitz.com/edit/cc-course-hell...

3 progressive
you can separate your business logic code to reducer from class later. it will keep your view clean.
see demo below:
stackblitz.com/edit/cc-multi-ways-...

4 high performance
with watchedKeys, renderKey, lazyDispatch, delayBroadcast features, concent render every view block only when it really need to been re-rendered
see watchedKeys demo:
stackblitz.com/edit/concent-watche...
see renderKey demo:
stackblitz.com/edit/concent-todoli...

5, enhance react
computed, watch, effect, setup and etc... both of them are designed for react honestly
see demo below:
stackblitz.com/edit/hook-setup

because concent is quick new, so very less people know it, hope u can try it and give me feedback.

by the way: my en is not good, wish u understand what I said_^

Collapse
 
kwiat1990 profile image
Mateusz Kwiatkowski

If destructured, won't be reactivity of props parameter lost? I think it can be the case as soon as your props get updated.

Collapse
 
sonicoder profile image
Gábor Soós

Similar to the case where you destructure the a reactive object instead of using toRefs?

Collapse
 
kwiat1990 profile image
Mateusz Kwiatkowski

Normally. as far as I understand the whole concept, you must wrap with toRefs a value, which you want to spread or destructure in order to retain its reactivity.

And in case of props, which you pass as parameter to setup() you can't use destructuring inside function signature, e.g setup({name}), because as soon as the name prop will be updated, you end up with its old value due to lost of reactivity. Destructuring is supported only for properties of context, so I suppose this should work: setup(props, {attrs, emit}).

Collapse
 
steeeveee93 profile image
Steeeveee93

Great topic. Have you heard of pest control software? This is the best application that I have ever met on the phone. Because I have not yet met such a functional business application.

Collapse
 
firmwarexb profile image
FirmwareX BD

There are many movie apps like firmwarexbd, Hulu, but there are many other apps like bobby, Coto I would also like to create an app like that, it's very helpful Vue Composition API to create such apps. I try and submit feedback here.

Collapse
 
kittymittysdz profile image
kittymittysdz

I preferred to use telegram app to download such videos were all links are active and available to download free.

Collapse
 
apkdiot profile image
Apkdiot

Apkdiot İle En Popüler Android Oyun Ve Uygulamaları Hile Apk Olarak Ücretsiz Apk İndir Ve Paylaş. En Popüler En İyi Oyunlar Ve Uygulamaların Apk Sürümleri Apkdiot.com Sitesinde.

Nulls Brawl

otobüs simulator ultimate apk

truck simulator ultimate apk

car parking apk

spotify premium apk

YouTube Premium APK

Netflix Premium APK

WhatsApp Plus Apk

GB WhatsApp APK

Collapse
 
indragniapps profile image
indragniapps

Understanding the video formats AVI and MPG has given me a lot of insight about how video industry works and this information can also be used to search for files on a computer.

Collapse
 
drearydenise profile image
drearydenise • Edited

There are many movies app like netflix, Hulu, but there are many other apps like bobby, Coto I would also like to create an app like that, it's very helpful Vue Composition API to create such app's. I try and submit feedback here.

Collapse
 
projectorspoint profile image
Projectors Point

"Very nice post. I just stumbled upon your blog and wished to say that I have truly enjoyed browsing your blog posts. In any case I will be subscribing to your feed and I hope you write again soon!
"

Collapse
 
thecoinnewsorg profile image
TheCoinNews.Org

Very helpful and informative content. Thanks for sharing this kind of content. You have a wonderful idea. Please help us spread this information by sharing it with your friends and family. This article will be helpful to others. Thank you. Very Helpful Information Very informative information. Really helpful.
Download Momix Apk Latest Version

Collapse
 
aayushhh411 profile image
aayushhh411

I kinda liked this app, but my question is that can it fetch the data from Netflix. Like if I'm searching for a movie, then can it display that movie from Netflix? Of course if it is avaible there. Btw. I have a suggestion on the UI of this app, I think you should try to make it look more modern.

However, don't forget to check out this post here: ExactlyHowLong

Collapse
 
isamessa profile image
MaherzzAcehStudenovz

Nice topic. Have you heard of printer drivers or software? This is the good printer drivers solution that I have ever met on the printers. Because I have not yet met such a functional business printer driver.

Collapse
 
girlsugames profile image
GirlsUGames

Wow! Bet interesting app. Will definitely try it myself. Thanks for sharing.

Collapse
 
mikaleb profile image
Mikaleb

Don't you want to put your api key in a .env instead of ... this ?

Collapse
 
sonicoder profile image
Gábor Soós

It is a piece of good advice, will move it to an environment variable.

Collapse
 
aksonlora profile image
akson lora

Thank you for writing and explaining things. nulls clash
Now we're tracking the change with handleChange() function.

Collapse
 
clashofsoul profile image
Clashof soul

Impressive. Glad to see such content after so long. Ward Tracking

Collapse
 
andakeren profile image
andakeren

we want to create app that can powerful method and set composition and design to share to clients using hp officejet pro 8710 driver and will it easy to find app correctly

Collapse
 
anawats07540454 profile image
Ana Watson

This is indeed an amazing idea. Thanks tho.
clashmod.net/roblox-mod-apk/

Collapse
 
frlegen61826306 profile image
fr legends

Yes, i agree with your thought 100%. That was amazing and excelent idea supposed by the author.
Regards,
FR Legends Mod Cars

Collapse
 
apkzar profile image
Collapse
 
gsmbuzz profile image
Gsmbuzz

If you need help understanding your business finances and starting to make money, or you want to understand investing, I recommend you visit these people. For example: Titanic T100 Flash File

Collapse
 
kissanimei profile image
Kissanime IM

I'm a bit late to the party - as I just started using the composition API myself - but it's definitely possible to use.
Regards,
Kissasian & Dramacool

Collapse
 
kissanimei profile image
Kissanime IM

Watch latest anime on Kissanime
GOgoanime
gogoanime fy

Collapse
 
motivationtank profile image
Motivational Tank

Mortal combat video game is the the most excellent game I have put in my life! totally admire the creators of the video game! It is a wonderful video game and seems as if it is composed of adhesive that draws you in if you apkbombo.com/games/ once, you just can't leave it ever! Really love it and recommend it to others!

Collapse
 
jamesmvasqueez profile image
jamesm.vasquez

Thanks a lot for sharing this
I really need this
Mortal kombat mod is the best app I have ever played in my life!! Totally appreciate the developers of this game! It is a fantastic game and it feels as if it has glue that pulls you and if you download it once, you can't leave it ever!!! Truly love it and recommend it to others!

Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
reph_zero profile image
reph

thanks alots boss
my-hpdrivers.com

Collapse
 
reph_zero profile image
reph

and thanks for sharing

thanks
reviewboxs.com

Collapse
 
andrewgar0122 profile image
andrewgar0122

Thanks for sharing the idea. You might also like to check out techlarapoint.com/bombitup-apk/.

Collapse
 
atulkum83881350 profile image
Atul kumar

visit here for Fantasy Football Team Names
visit:- Fantasy Football Team Names

Collapse
 
reph_zero profile image
reph

nice post bosss

my-hpdrivers.com

Collapse
 
steeeveee93 profile image
Steeeveee93

If you need help in understanding the finances of your business and start making money or you want to understand investments, then I advise you to visit these guys aetrust.com

Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar

visit here for download sp flash tool sp flash tool

Collapse
 
naveen76360795 profile image
Naveen

Thanks I wanna make the same for Kinemaster:
Kinemaster Mods

Collapse
 
naveen76360795 profile image
Naveen

Omg really, You guys made a movie search app so easily, I really loved it. I would love to share this information with my friends. Also, I want to make an app for this clashmod.net/

Collapse
 
anandbaraik profile image
Anand-Baraik

Awesome man!

Collapse
 
jackedwardlyons profile image
Jack Lyons

Nice work! Awesome demo. Thanks for sharing!

Collapse
 
qkazeen profile image
Qka Zeen

wow
very interesting

this is amazing and very useful

greetings from my-hpdrivers.com

thanks a lots and have nice day

Collapse
 
nikamaadeel profile image
NikamaAdeel

How can I create this similar one for my Android APK website ....???

Collapse
Collapse
 
kathy_geraldine_d1f583746 profile image
Kathy Geraldine

he content of your article page is great, I found the content pretty good and useful to me, thank you for sharing driver scanner

Collapse
 
projectorspoint profile image
Projectors Point
Collapse
 
projectorspoint profile image
Projectors Point
Thread Thread
 
projectorspoint profile image
Projectors Point
Collapse
 
anawats07540454 profile image
Ana Watson

Even though I am here for the first time, I am very impressed with your post. Thanks for sharing. clashmod.net/nulls-brawl-download/

Collapse
 
apkzar profile image
APKZAR.COM
Collapse
 
anawats07540454 profile image
Ana Watson

I appreciate your idea, thanks for sharing. Regards clashmod.net/top-war-battle-game-m...

Collapse
 
anawats07540454 profile image
Ana Watson

I think clashmod.net/nulls-brawl-download/ is best site to download apps.

Collapse
 
qkazeen profile image
Qka Zeen

have nice day
reviewboxs.com/

Collapse
 
marygw profile image
Miya William

It's definitely an interesting app for movie search. Thanks for sharing this detailed post. I shared it on whatsapp mod with my friends and they find it intriguing.

Collapse
 
miyaw21 profile image
miyaw21

The new Composition API is awesome!! I'd love to use this for whatsapp mod.

Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
atulkum83881350 profile image
Atul kumar
Collapse
 
ureety profile image
ureety

Impressive. Glad to see such content after so long same like i have seen on capital plus website.

Collapse
 
ureety profile image
ureety

Wow thats great idea for the mobile app. I wil suggest someone for their window company.

Collapse
 
ureety profile image
ureety

Impressive. Glad to see such content after so long. Can you suggest me for kitchen remodeling design app? same like they are offering.

Collapse
 
sarvagyani profile image
Shivam Vishvakarma

Good content regarding of api vie, and you can watch some movies on Sarvagyani

Collapse
 
usamahashmii profile image
Usama Hashmi

Lets share some love videos with your loved ones by editing it through VN Video editor mod apk. I am loving this tool as its so smooth and free to use.

Collapse
 
orovoid profile image
orovoid • Edited

The new Composition API is awesome!! I'd love to use this for whatsapp mod.

Collapse
 
akunsama profile image
akunsama

i know when i write codei always print it to boss wit using canon ts3522 driver

Collapse
 
akunsama profile image
akunsama

thank you for giving us good tutorial that i can use for my website about driver free download

Collapse
 
howlonglasts profile image
How Long Does Last

I was wondering that what kind of API you are using. I was unable to resolve the issue.
HowLongDoesLast

Collapse
 
projectorspoint profile image
Projectors Point
Collapse
 
mucnoaci profile image
mucnoaci

Download the best online movie watching app 2022 at: Oreo TV 4.0.2 APK
Link: apksunny.com/oreo-tv/

Collapse
 
indianbiography profile image
indianbiography

That's good. Its very helpful
indianbiography

Collapse
 
defenseuptodate profile image
defenseuptodate

that is a solution API for my website. It can solve the problem. This is a great information for me. thank you.
Cheers from me

defenseuptodate.com/

Collapse
 
howlonglasts profile image
How Long Does Last

With this help I was able to solve this movie API issue.

Collapse
 
howlonglasts profile image
How Long Does Last

In my case, the movie API is not working and it stuck in the initial stage.
However, here is some of the info
howlongdoeslast.info/how-long-does...

Collapse
 
alice_56 profile image
alice

Action games don't always come in the form of superheroes. In milkchoco mod apk enjoys the fights between the characters of milk and chocolate.
apkswing.com/milkchoco-mod-apk/