VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Build a Tree Browser with Vue.js

Build a Tree Browser with Vue.js

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Learn how to build a tree browser component with Vue in this video. - Cody Siebert on Daniel: Fantastic tutorial. Very easy to follow.
I've got a question and a suggestion:
Question: why emit the click event to App.vue and send the alert from App.vue? Wouldn't it be easier to fire off the alert inside the TreeBrowser component?
Suggestion: when importing the json data in App.vue, I don't think it needs to be reactive, right? So instead of putting it inside data(), we could put this.root = root inside created() so Vue doesn't treat the json file as reactive
Thanks for the great tutorial :)

Date: 2022-03-14

Comments and reviews: 4


Great video.. thanks for sharing...!
Would you mind to guide me in the way How to edit the parent or children name in line?
I mean, If I make a double click on a parent or a child name it lets me to edit it in line.
Thanks in advanced!

reply

I have tried to write this program and compared with yours, but I found some difference, my code is -onClick=-$emit('onClick', child)-, it works, could you tell me why ?
reply

Im looking for a way to make a tree browser without recursive components, because it doesn't scale well with big data and its hard to use with virtual lists.
reply

Not sure if you are still open for ideas for recording a demo but what about a hierarchy graph using VueJS. Maybe even using SVG?
reply
Add a review, comment






Other channel videos