"how to redirect a link to same component and dom change accordingly"....this is what I search.... and i cant believe... you explain it just by one line... watch method... i knew it before... bt never thought about its use... thanks a lot❤️❤️
All deserved. Im junior and this is my first job in company. The main dev decided to use Vue and its components for front end and as I am one of the front end devs this is my main job. Since this is my first encounter with Vue your well structured videos really got me into it. Are you planning on making some kind of series with making end to end app with all the lessons you gave on Vue? It would be very nice. Thanks again for all your good work.
Well, I watched this entire series and was very impressed by your teaching style and array of material. I normally never do this, but I just purchased your Vuejs course on Udemy and look forward to going through it.
Man !! Your videos are awesome ! I saw all about React, now I saw all about Vue.js ! Congratulations ! By the way, I bought the Vue course from Udemy.com (it's amazing also!)
Some questions. 1. Is it possible to use router constructors? For instance I use URL like go="{route:'routename', teamID:10}" so that if I go to router defenition and change users to team it automaticlaly works in all links and I do not have to feractor all the codes 2. Can we load components dynamicaly? Fo instance I have an URL /users/list and that is component UserList in modules/user/list.js folder. So can I parce this URL and try to import that file and execute router?
Man, I’m not so good in english haha, but you teach so good that I understand everything you said! Awesome tutorial!! In portuguese I would say: “Tutorial do caralho!! Top de mais!” Haha
Hi! Purchased your Udemy course and I'm finding both of these series to be informative and easy to follow, except for one thing. I'm really struggling to set up "master-detail view" with vue-router. I've checked the official docs as well as searched around on Github but it's still not clicking for me haha. It's a very common UX/UI pattern to have a page that loads the blog post titles and the content is loaded in another view on click. I'm sure some other viewers would benefit from a quick example of setting this up. Thanks!
That should be very easy to set up indeed. You could have a and a , where the holds your . Then you render the content of any link of the sidebar in the .
i was wondering if you know how to set the server in go dady with the laravel backend and the vuejs frontend with node js, just like you have set up in local host. I have separate folders for that, and I dont know how to put them the right way. I dont know If im being clear. I have a big problem with the which folder need to be in the public_html folder and how to reference the laravel project outside the public_html. I'll be so greatful if you do a tut for that, be cause I have to deliver it as a school project. Thaks a lot anyways for this tutorial.
Hi Max. I really enjoy these videos of yours. You know what is worth covering (here in Vue.js or Webpack course)? Internationalization: how to prepare different language versions of an app. Please consider it. Cheers!
Thanks for your suggestion! I'll definitely dive into some vue-implementations of bootstrap or material in the future but I got no concrete plans as of now.
Hello Mindspace, What do you think is best ? Angular2 vs Vue2 vs React? These techs are launching new framework almost everyday. If a developer keeps himself busy learning with these framework then when they actually gonna focus on the project? Thanks
All three are of course great frameworks. Personally, I haven't worked a lot with React.js because it's just not my favorite. So I can't say too much about that. Vue.js and Angular are both awesome, but Vue.js is much easier to learn (and still incredibly powerful). Angular uses TypeScript which can be deterring at start but really is a great feature once you worked with it a bit. Angular still is not 100% polished right now though, Vue.js seems to be the more "working" solution as of now. But overall, I use both a lot, I used both in various projects and they really both are amazing.
Great vid. Please could someone explain the watch syntax (see 10:44)? The watch is obviously an object (observing), but I'm not familiar with the '$route' syntax. I do understand that this is a function, but specifically the '$route' is slightly confusing. Is that something new in ES6?
That is good tutorial, could you make another when using some more advanced components? And maybe with using vue-material? My router-links are crashing vue-material styling and i don't know why
Hey, i don't expect an answer but i will try anyway. i'm in the beginning of a project. My issue is when i go to /add using a button or it goes to the /add page no problem, but if i refresh the page by hitting F5, it redirects me to the main domain link, "/". I've searched everything but i can't figure it out. I tried deleting stuff to see if these parts fix it or not, but nothing. I found a project on github "conduit", i comprated my code to their code and it's basically the same, but on their demo site it works. I really wish you could go more advanced on the Vue series.
@Quetzalcoalt Use like this for add page and for home page (If exact is not used, then it will redirect to home page seeing '/' as first character itself)
Yes i know that and i've done that, my problem is if i refresh the page with F5. Refreshing the page deletes the store.state, so my beforeEach will force to go to '/' page like there is no logged in user.
Hello, I have now watched this video several times trying to figure out how to use it in my case. I commented on the previous video in this serie that I want to send some props to the Users page. In the Home page I have a form where I fill in name, phonenr etc. and I want to send those values to the Users page. Can I still use the parameters as you are doing in this video or is there any other way ?
It's an addition. You can render your Vue apps on the server - they don't work as an substitute to express or anything like that, you simply pre-render views on the server. That's useful for SEO
Urgent Please Help: I was able to get everything done but i'm stuck at vue.config.js every time I run build for production. The component with router-view is not displaying. I'm getting the header and footer but not the middle component with the router-view. This component technically has no components because we only display components once user authorized using a sign in form. Please help
I have senario, here's that: There's an App component which is root one, which has an array of todos objects in data. And two links which use routing, one to list all todos and the other to add a todo. How do I pass my todos data to ListTodoComponent? Please help.
You can't use the vue-router for your Laravel routes. You either build a SPA where vue-router handles ALL your routes (Laravel then only acts as a backend for your app) or you use vue on each view Laravel gives you, in this case you won't use the vue-router.
I watched a few newer videos and read a few posts about this, nobody explained this as well and simple as you did. Thank you
"how to redirect a link to same component and dom change accordingly"....this is what I search.... and i cant believe... you explain it just by one line... watch method... i knew it before... bt never thought about its use... thanks a lot❤️❤️
@Adrian Marco no... this is fake
and your account is fake
After watching many router videos, yours only help me grasp the flow. The best and simple explanation! 👏
A very good instructor. Thank you so much man.
Awesome. You deserve much more views and subscribers. Im learning vue, vuex and so on for work and your videos helped me a ton. Thank you!
Thanks so much for your absolutely amazing feedback!
All deserved. Im junior and this is my first job in company. The main dev decided to use Vue and its components for front end and as I am one of the front end devs this is my main job. Since this is my first encounter with Vue your well structured videos really got me into it.
Are you planning on making some kind of series with making end to end app with all the lessons you gave on Vue? It would be very nice.
Thanks again for all your good work.
Dude I realy love you, you just solve my problem of 7 months ago in 7 minutes 😂 thakns a loot. Keep doing this and keep sharing knowledge 💪🏼
Haha, amazing to hear that Kevin, thanks a lot!
Pretty good explanation in really simple language. Thankyou!
Damn you're clear. I love how you don't assume too much knowledge when explaining things.
Thanks so much Patrick, that's indeed my goal: I try to explain everything as understandable as possible, great to read that it worked here :)
Awesome .I'm trying from last week but could not completed vue cli configure .. when i saw your tutorial complete my task.. thanks..
So great to read that the video helped you Jubair, thank you for sharing this!
your videos are clear and easily understood .
Thank you Samyam, great to read that you like the videos!
Hearing that voice after a month of not hearing it made me smile 😊
Well, I watched this entire series and was very impressed by your teaching style and array of material. I normally never do this, but I just purchased your Vuejs course on Udemy and look forward to going through it.
Thank you so much for your amazing support, so great to have you on board here and on Udemy! I hope you will have a lot of fun with the course :)
Thanks for sharing such a rich resource, best one
Thanks a lot! You are a good teacher. Very clear & simple.
Max You are the best teacher on udemy and youtube. love you man !!!
Man !! Your videos are awesome ! I saw all about React, now I saw all about Vue.js ! Congratulations ! By the way, I bought the Vue course from Udemy.com (it's amazing also!)
Thank you so much for your comment and for your support Bruno, I'm happy to have you on board here and on Udemy. Have fun with the Vue course!
thanks bro, is so cool to find tutorials that go strait to the point :) ..thanks a lot
Thank you so much!
Great and easy to understand. Thank you!
Awesome to hear that Johannes, thanks a lot!
Great vids, and the hand signs are next level. Thanks!
Thanks so much Jared :)
Very good instructor
ur tutorial walk us step by step , ty bro ur have a gift in teaching people =)
Some questions.
1. Is it possible to use router constructors? For instance I use URL like go="{route:'routename', teamID:10}" so that if I go to router defenition and change users to team it automaticlaly works in all links and I do not have to feractor all the codes
2. Can we load components dynamicaly? Fo instance I have an URL /users/list and that is component UserList in modules/user/list.js folder. So can I parce this URL and try to import that file and execute router?
Love the way of your teaching and bought a course from udemy. Thanks for nice tutorial.
Happy to read that you like my teaching style and great to have you on board here and on Udemy! Thank you very much for your amazing support Azizul!
Great to start with Vuejs. Can you make video series on Nodejs express mongodb and Vuejs with authentication
That's actually not that unlikely ;) Thanks for your great feedback!
Hiii maximilian ! Nice to see you here ! I have done your Udemy course on angular!
Great videos Max! Hope to see more from your channel.
I'll try my best! Thanks for your nice feedback Patricio!
thank you for this Great VueJs tutorials series, i hope u can make nuxt.js with server-side rendering tutorials in the next series too!
Amazing tutorial 😀
Great videos. Very clear. Thanks!
Thanks a lot Olivier!
great explanation thank you!
Gutes video, und sehr gutes Englisch, dachte du wärst ein englischer RUclipsr ^^
Vielen vielen Dank :)
Thank you! These videos are a big help!
Thanks again :)
Thank you for playlist. I will try to implement what I learned in my next job. I will use money earned from client to buy your full course.
Sounds very amazing, can't wait to welcome you in the course:)
Good series indeed .. thank you!
Great to read that you like it Enrique, thanks a lot for sharing this!
Thanks for these fantastic videos!! Look forward to taking your Udemy course next...
Awesome, can't wait to welcome you there! :)
Man, I’m not so good in english haha, but you teach so good that I understand everything you said! Awesome tutorial!! In portuguese I would say: “Tutorial do caralho!! Top de mais!” Haha
So happy to read that you like the video Gabriel, muito obrigado :)
Brilliant stuff Max, thank you, this is a mint playlist. I am looking forward to you Vue 2 udemy course now!
Thank you very very much for your comment Imran, really great to read that you liked it :)
Hi! Purchased your Udemy course and I'm finding both of these series to be informative and easy to follow, except for one thing. I'm really struggling to set up "master-detail view" with vue-router. I've checked the official docs as well as searched around on Github but it's still not clicking for me haha. It's a very common UX/UI pattern to have a page that loads the blog post titles and the content is loaded in another view on click. I'm sure some other viewers would benefit from a quick example of setting this up. Thanks!
That should be very easy to set up indeed. You could have a and a , where the holds your . Then you render the content of any link of the sidebar in the .
Should be because is from Angular I think
i was wondering if you know how to set the server in go dady with the laravel backend and the vuejs frontend with node js, just like you have set up in local host. I have separate folders for that, and I dont know how to put them the right way. I dont know If im being clear. I have a big problem with the which folder need to be in the public_html folder and how to reference the laravel project outside the public_html. I'll be so greatful if you do a tut for that, be cause I have to deliver it as a school project. Thaks a lot anyways for this tutorial.
Nice videos dude! I was wondering if you can somehow do some tutorial videos about electron + vuejs/angular2
I'll probably do that in the future, no near-term plans though.
So lucky for me, thanks, it's very helpful!
Great to hear, thanks a lot for the awesome feedback!
Hi Max. I really enjoy these videos of yours. You know what is worth covering (here in Vue.js or Webpack course)? Internationalization: how to prepare different language versions of an app. Please consider it. Cheers!
I'll see if I'll do something about that in the future :)
Nice video, could u continue your video tutorial and discusses about vue-strap for UI design?
Thanks for your suggestion! I'll definitely dive into some vue-implementations of bootstrap or material in the future but I got no concrete plans as of now.
Good to hear that :)
You are the Best thanks alot man , Good Luck and keep going
Thanks so much Osama - I'm really glad to hear you're enjoying it!
Thank You. How do we navigate to a specific part of a page? Thanks
You are awesome man. Thank you
YOU are awesome James, thanks so much for your support!
Hello Mindspace,
What do you think is best ? Angular2 vs Vue2 vs React?
These techs are launching new framework almost everyday. If a developer keeps himself busy learning with these framework then when they actually gonna focus on the project?
Thanks
All three are of course great frameworks. Personally, I haven't worked a lot with React.js because it's just not my favorite. So I can't say too much about that.
Vue.js and Angular are both awesome, but Vue.js is much easier to learn (and still incredibly powerful). Angular uses TypeScript which can be deterring at start but really is a great feature once you worked with it a bit. Angular still is not 100% polished right now though, Vue.js seems to be the more "working" solution as of now.
But overall, I use both a lot, I used both in various projects and they really both are amazing.
Thanks a lot Max! :)
You're welcome - happy to hear you're liking it Silvan!
wow, thanks very much
i have problem on routing. i new with vue :)
Great tutorial! I was wondering if you are going to be doing anything on user authentication with JWT or something?
I might do that in the future - no near-term plans though.
Great vid. Please could someone explain the watch syntax (see 10:44)? The watch is obviously an object (observing), but I'm not familiar with the '$route' syntax. I do understand that this is a function, but specifically the '$route' is slightly confusing. Is that something new in ES6?
Thank you! That was so helpful
Thank you! That was so helpful :)
So happy to hear that - thanks for your great feedback!
The BEST as always!
After setting the optional params route /pageName/:param the base route /pagename (without params) no longer works. Is this expected behaviour?
That is good tutorial, could you make another when using some more advanced components? And maybe with using vue-material? My router-links are crashing vue-material styling and i don't know why
Hey, i don't expect an answer but i will try anyway.
i'm in the beginning of a project.
My issue is when i go to /add using a button or it goes to the /add page no problem, but if i refresh the page by hitting F5, it redirects me to the main domain link, "/".
I've searched everything but i can't figure it out. I tried deleting stuff to see if these parts fix it or not, but nothing. I found a project on github "conduit", i comprated my code to their code and it's basically the same, but on their demo site it works.
I really wish you could go more advanced on the Vue series.
@Quetzalcoalt Use like this for add page and for home page (If exact is not used, then it will redirect to home page seeing '/' as first character itself)
Yes i know that and i've done that, my problem is if i refresh the page with F5. Refreshing the page deletes the store.state, so my beforeEach will force to go to '/' page like there is no logged in user.
Hello, I have now watched this video several times trying to figure out how to use it in my case. I commented on the previous video in this serie that I want to send some props to the Users page. In the Home page I have a form where I fill in name, phonenr etc. and I want to send those values to the Users page. Can I still use the parameters as you are doing in this video or is there any other way ?
You can use the parameters but you could also use Vuex to store the state in a central place (I do have separate playlist on this).
Aha ok, I will check the Vuex. Thank you for answering my questions :)
Awesome. Your videos help me for learning vuejs lot. How can I use real server URL just like example.com/vuejs instead of localhost:8080?
Thanks for your nice feedback! You'll need to deploy it or bind the address in your hosts file.
Thank you so much
Hi. On the vue official site I came across vue server side rendering.
I wonder if that is different from what you are teaching?
It's an addition. You can render your Vue apps on the server - they don't work as an substitute to express or anything like that, you simply pre-render views on the server. That's useful for SEO
is it possible to pass props on the components used on the routes?
Great Videos! Thank You! :-)
Happy to hear you're liking it, thanks for your great feedback Joe!
Urgent Please Help: I was able to get everything done but i'm stuck at vue.config.js every time I run build for production. The component with router-view is not displaying. I'm getting the header and footer but not the middle component with the router-view. This component technically has no components because we only display components once user authorized using a sign in form. Please help
great video ! CLASS
Thanks so much for your great feedback!
Is there an updated version of this?
Out of curiosity, what's the benefit of saying:
`Home`
As oppose to say:
`Home`
sos un crack!
I have senario, here's that:
There's an App component which is root one, which has an array of todos objects in data. And two links which use routing, one to list all todos and the other to add a todo. How do I pass my todos data to ListTodoComponent?
Please help.
Thank you!
Thanks!
Thank YOU for your comment Valerii!
Please add new branch "ROUTE NAVIGATION" to github, thanks for your videos!
Sorry for forgetting, I added it now.
Can we use router-link in other .vue files other than App.vue?
yes you can :)
How can pass the values through router parameter from one component to another component in vue?
very helpful :)
That's really great to hear, thanks so much!
hey, you have any clue how can I use this with a language parameter?
thanks
How to avoid page refreshing when navigation??
how to use router-vue in vue 2.0 with laravel 5.3 routes ?
You can't use the vue-router for your Laravel routes. You either build a SPA where vue-router handles ALL your routes (Laravel then only acts as a backend for your app) or you use vue on each view Laravel gives you, in this case you won't use the vue-router.
Mindspace how can i use laravel as a backend for my SPA
I'll soon have some videos on that ;)
FADA DO VUE
last video?
Good video, but you need to relax man.
I am relaxed no worries ;)
Thank you!